main .as-studio {width:min(1080px,calc(100% - 80px));margin:0 auto;padding:64px 0;color:var(--ink,#292526)}
.as-studio *, .as-studio *::before, .as-studio *::after {box-sizing:border-box}
.as-studio [hidden] {display:none!important}
.as-studio .as-heading {max-width:700px;margin-bottom:28px}
.as-studio .as-heading h2 {font-size:34px;line-height:1.4;letter-spacing:-.025em;margin:0 0 14px;text-wrap:balance}
.as-studio .as-heading p {font-size:15px;line-height:1.9;max-width:58ch;margin:0}
.as-studio .as-design-note {display:flex;align-items:center;gap:9px;font-size:12px;color:#625953;margin:18px 0 0}
.as-studio .sc-icon {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}
.as-studio button,.as-studio select,.as-studio input {font:inherit;color:inherit;accent-color:#963253;caret-color:#963253}
.as-studio button {cursor:pointer;min-height:44px;touch-action:manipulation}
.as-studio button:disabled {cursor:default}
.as-studio :is(button,select,input,a):focus-visible {outline:2px solid #963253;outline-offset:4px}
.as-studio ::selection {background:#e9d6cf;color:#292526}
.as-studio .as-tabs {display:flex;gap:28px;border-bottom:1px solid #d8cec8;margin-bottom:28px}
.as-studio .as-tabs button {display:flex;align-items:center;gap:9px;border:0;border-bottom:2px solid transparent;background:none;padding:12px 0;font-size:15px}
.as-studio .as-tabs button[aria-selected=true] {color:#963253;border-color:#963253}
.as-studio .as-book-layout {display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:44px;align-items:start}
.as-studio .as-form {min-width:0}
.as-studio .as-fields {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.as-studio label {display:grid;gap:8px;font-size:13px;font-weight:500}
.as-studio :is(select,input) {width:100%;min-width:0;min-height:46px;border:1px solid #c9bfb8;border-radius:8px;background:#fffdf9;padding:10px 12px;font-size:14px}
.as-studio fieldset {min-width:0;border:0;margin:0 0 16px;padding:0}
.as-studio legend {padding:0;font-size:14px;font-weight:600;margin-bottom:12px}
.as-studio .as-date-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.as-studio .as-date-heading strong {font-size:15px}
.as-studio .as-text-button {border:0;background:none;color:#963253;padding:8px 0;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.as-studio .as-dates {display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.as-studio .as-dates button {display:grid;justify-items:center;gap:3px;background:#f0ece7;border:1px solid transparent;border-radius:10px;padding:8px}
.as-studio .as-dates span {font-size:12px}
.as-studio .as-dates strong {font-size:20px;font-variant-numeric:tabular-nums}
.as-studio .as-dates button[aria-pressed=true] {background:#963253;color:#fff}
.as-studio .as-times {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.as-studio .as-times button {display:grid;gap:5px;justify-items:start;border:1px solid #d3c8c1;background:#fffdf9;border-radius:8px;padding:11px 12px;transition:background .18s,border-color .18s,box-shadow .18s}
.as-studio .as-times strong {font-size:15px;font-variant-numeric:tabular-nums}
.as-studio .as-times span {font-size:12px;color:#46624f}
.as-studio .as-times button[aria-pressed=true] {border-color:#963253;background:#f0e5df;box-shadow:0 4px 10px #412a2510}
.as-studio .as-times button:disabled {background:#eeeae6;border-color:transparent;color:#766e68}
.as-studio .as-times button:disabled span {color:#766e68}
.as-studio .as-inline-note {font-size:12px;line-height:1.85;color:#625953;margin:12px 0 0}
.as-studio .as-empty,.as-studio .as-error {font-size:13px;color:#963253;background:#f0e5df;border-radius:8px;padding:12px;margin-top:12px;line-height:1.8}
.as-studio .as-card {position:relative;background:#f0ece7;padding:26px;border-radius:14px;box-shadow:12px 24px 44px #40322a13}
.as-studio .as-photo {display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;margin-bottom:24px}
.as-studio .as-photo img {width:90px;height:106px;object-fit:cover;border-radius:9px;box-shadow:8px 12px 18px #40322a26;transform:perspective(700px) rotateY(calc(-10deg + var(--scene-ry,0deg))) rotateX(var(--scene-rx,0deg)) rotateZ(-3deg);transition:transform .35s;animation:as-photo-float 5s ease-in-out infinite;animation-play-state:paused}
.as-studio[data-running=true] .as-photo img {animation-play-state:running}
.as-studio:has(:focus-within) .as-photo img,.as-studio:hover .as-photo img {animation-play-state:paused}
@keyframes as-photo-float {0%,100% {translate:0 0}50% {translate:0 -6px}}
.as-studio .as-photo div {min-width:0}
.as-studio .as-photo h3 {font-size:21px;line-height:1.5;margin:0 0 8px}
.as-studio .as-photo p {font-size:12px;margin:0;line-height:1.8;color:#625953}
.as-studio .as-summary {margin:0}
.as-studio .as-summary div {display:grid;grid-template-columns:68px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid #d7cec6;font-size:13px;line-height:1.8}
.as-studio .as-summary dt {color:#625953}
.as-studio .as-summary dd {margin:0;font-variant-numeric:tabular-nums}
.as-studio .as-summary .as-duration {font-size:12px}
.as-studio .as-primary {border:0;border-radius:8px;background:#963253;color:#fff;font-weight:600;padding:12px 20px;font-size:14px;transition:background .2s;min-height:46px}
.as-studio .as-primary:hover {background:#792440}
.as-studio .as-primary:disabled {background:#c5bbb4;color:#302b27}
.as-studio .as-card .as-primary {width:100%;margin-top:22px}
.as-studio .as-status {font-size:12px;line-height:1.8;color:#625953;min-height:42px;margin:12px 0 0}
.as-studio .as-status[data-confirmed=true] {color:#36563d;font-weight:600}
.as-studio .as-status[data-confirmed=true]::before {content:'';display:inline-block;width:14px;height:14px;margin-right:7px;vertical-align:-2px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4 10-10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.as-studio .as-old {font-size:12px;line-height:1.8;border-top:1px dashed #bcb0a6;padding-top:12px;margin:8px 0 0}
.as-studio .as-foot {display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:28px;font-size:12px;line-height:1.8;color:#625953}
.as-studio .as-foot p {max-width:68ch;margin:0}
.as-studio .as-foot a {color:#963253;white-space:nowrap;min-height:44px;display:flex;align-items:center;text-underline-offset:5px}
.as-studio .as-roster-heading {display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}
.as-studio .as-roster-heading h3,.as-studio .as-pay h3 {font-size:22px;margin:0}
.as-studio .as-roster-heading p {font-size:13px;margin:0}
.as-studio .as-shift-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}
.as-studio .as-roster {padding:28px;background:#f0ece7;border-radius:14px}
.as-studio .as-roster-axis {display:flex;justify-content:space-between;margin:0 160px 15px 62px;font-size:12px;font-variant-numeric:tabular-nums}
.as-studio .as-roster-row {display:grid;grid-template-columns:48px minmax(0,1fr) 145px;gap:14px;align-items:center;margin:14px 0;font-size:13px}
.as-studio .as-roster-row>span {font-size:12px;text-align:right}
.as-studio .as-roster-track {position:relative;height:54px;background:#e1d9d1;border-radius:8px;overflow:hidden}
.as-studio .as-shift-range {position:absolute;top:0;bottom:0;background:#d6e1d7}
.as-studio .as-busy {position:absolute;top:7px;bottom:7px;display:grid;place-items:center;background:#963253;color:#fff;border-radius:5px;font-size:12px;white-space:nowrap}
.as-studio .as-legend {display:flex;gap:24px;font-size:12px;margin:22px 0 0}
.as-studio .as-legend span::before {content:'';display:inline-block;width:10px;height:10px;border-radius:2px;background:#d6e1d7;margin-right:7px}
.as-studio .as-legend span:last-child::before {background:#963253}
.as-studio .as-pay {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:44px}
.as-studio .as-pay-period {font-size:13px;color:#625953;margin:10px 0 20px}
.as-studio .as-pay-ledger {margin:22px 0}
.as-studio .as-pay-ledger div {display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #d8cec8;font-size:14px}
.as-studio .as-pay-ledger dd {margin:0;font-variant-numeric:tabular-nums}
.as-studio .as-pay-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.as-studio .as-pay-total {margin:26px 0 18px;font-size:34px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.as-studio .as-pay>.as-card {align-self:start}
.as-studio .as-pay-formula {font-size:13px;line-height:1.9;padding-top:18px;border-top:1px solid #d8cec8}
@media(max-width:767px) {
 main .as-studio {width:calc(100% - 40px);padding:38px 0}
 .as-studio .as-heading h2 {font-size:27px}
 .as-studio .as-heading p {font-size:14px}
 .as-studio .as-book-layout,.as-studio .as-pay {grid-template-columns:1fr;gap:26px}
 .as-studio .as-tabs {gap:16px}
 .as-studio .as-tabs button {gap:6px;font-size:13px}
 .as-studio .as-tabs .sc-icon {width:18px;height:18px}
 .as-studio .as-card {padding:22px;box-shadow:8px 16px 26px #40322a12}
 .as-studio .as-foot,.as-studio .as-roster-heading {display:block}
 .as-studio .as-roster-heading p {margin-top:12px}
 .as-studio .as-fields {gap:12px}
 .as-studio .as-times button {padding:10px 8px}
 .as-studio .as-times span {font-size:12px;line-height:1.5}
 .as-studio .as-shift-fields {grid-template-columns:1fr;gap:14px}
 .as-studio .as-shift-fields label {grid-template-columns:55px 1fr;align-items:center}
 .as-studio .as-roster {padding:18px}
 .as-studio .as-roster-axis {margin:0 0 14px 38px}
 .as-studio .as-roster-row {grid-template-columns:28px minmax(0,1fr);gap:10px;margin-bottom:20px}
 .as-studio .as-roster-row>span {grid-column:2;text-align:left}
 .as-studio .as-busy {font-size:12px;white-space:normal;line-height:1.2}
 .as-studio .as-pay-fields {grid-template-columns:1fr;gap:12px}
}
@media(prefers-reduced-motion:reduce) {.as-studio *, .as-studio *::before {animation:none!important;transition:none!important}.as-studio .as-photo img {transform:none!important}}