.artwork-studio{--as-navy:#002f87;--as-ink:#182c42;--as-muted:#627588;--as-line:#dfe9f1;width:min(760px,calc(100vw - 32px));max-height:min(90dvh,960px);padding:0;border:1px solid #e0eaf2;border-radius:28px;background:#fff;color:var(--as-ink);box-shadow:0 30px 100px #09244935;font:500 14px/1.5 Inter,system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}
.artwork-studio::backdrop{background:#0c233c70;backdrop-filter:blur(7px)}
.artwork-studio *{box-sizing:border-box}.artwork-studio button,.artwork-studio input,.artwork-studio select{font:inherit}.artwork-studio button{cursor:pointer}.artwork-studio button:disabled{cursor:default;opacity:.4}.artwork-studio button,.artwork-studio input,.artwork-studio select,.artwork-studio summary{outline-offset:4px}.artwork-studio :focus-visible{outline:3px solid #0799bc}
.as-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 28px 20px;background:#ffffffed;border-bottom:1px solid var(--as-line);backdrop-filter:blur(12px)}
.as-eyebrow{margin:0 0 4px;color:#207a96;font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.artwork-studio h2{font-size:25px;line-height:1.22;letter-spacing:-.045em;margin:0;color:var(--as-navy);font-weight:750}.as-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--as-line);border-radius:50%;background:#f6fafc;color:var(--as-navy);font-size:26px!important;line-height:1}
.as-body{padding:20px 28px 26px}.as-intro{margin:0 0 23px;max-width:570px;color:var(--as-muted);font-size:14px;line-height:1.65}.as-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.artwork-studio h3{margin:0;font-size:16px;font-weight:750;letter-spacing:-.025em}.as-section-heading>span{font-size:12px;color:var(--as-muted)}
.as-images{display:grid;gap:12px}.as-image-row{padding:16px;border:1px solid var(--as-line);border-radius:20px;background:linear-gradient(150deg,#fff,#f8fbfe);box-shadow:0 4px 12px #183c6605}.as-image-main{display:flex;align-items:center;gap:16px}.as-thumbnail{width:88px;height:88px;object-fit:contain;flex:0 0 88px;border-radius:15px;border:1px solid #e3ebf2;background:linear-gradient(135deg,#eaf2f8,#f8fbfd)}.as-disabled .as-thumbnail{filter:grayscale(1);opacity:.55}.as-image-meta{flex:1;min-width:0}.as-name-label{display:block}.as-name-heading{display:flex;align-items:center;gap:8px;color:var(--as-muted);font-size:11px;margin-bottom:5px}.as-number{font-size:10px;font-weight:750;color:#207a96;letter-spacing:.05em}.as-name{width:100%;height:34px;padding:2px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--as-navy);font-weight:750!important;font-size:16px!important;margin-left:-8px;max-width:calc(100% + 8px)}.as-name:hover,.as-name:focus{border-color:#c8dce8;background:#fff}.as-image-actions{display:flex;align-items:center;gap:6px;margin-top:6px}.as-toggle{display:flex;align-items:center;gap:8px;color:#415a70;cursor:pointer}.as-toggle input{width:17px;height:17px;accent-color:#087c9b;cursor:pointer}.as-visible{margin-right:auto;font-size:12px}.as-order{display:grid;place-items:center;width:32px;height:30px;border:1px solid #dce7ee;border-radius:9px;background:#fff;color:var(--as-navy);font-size:16px!important;font-weight:750!important}
.as-replace{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-top:14px}.as-secondary{border:1px solid #cddfeb;background:#fff;padding:8px 12px;border-radius:10px;color:var(--as-navy);font-size:12px!important;font-weight:650!important;white-space:nowrap}.as-url-details{flex:1;min-width:155px}.artwork-studio summary{cursor:pointer;list-style:none;width:fit-content;font-size:12px;font-weight:650;color:#376176;padding:8px 0}.artwork-studio summary::-webkit-details-marker{display:none}.artwork-studio summary::after{content:'⌄';display:inline-block;margin-left:9px;transition:transform .18s}.artwork-studio details[open]>summary::after{transform:rotate(180deg)}.as-url-entry{display:flex;align-items:flex-end;gap:8px;margin-top:5px}.as-url-label{flex:1;min-width:0;font-size:11px;color:var(--as-muted)}.as-url-label input{display:block;width:100%;margin-top:5px;padding:8px 10px;border:1px solid #cddfeb;border-radius:9px;background:#fff;color:var(--as-ink);font-size:12px}.as-help{color:var(--as-muted);font-size:11px;line-height:1.6;margin:8px 0 0}.as-row-error{margin:10px 0 0;color:#ad3f31;font-size:12px}.as-framing{margin-top:10px;padding-top:6px;border-top:1px solid #e5edf3}.as-fit-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 14px;font-size:12px;color:#415a70}.as-fit-label select{background:#fff;border:1px solid #cddfeb;border-radius:9px;padding:7px 11px;color:var(--as-navy);font-size:12px}.as-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.as-focus{padding:0;border:0;margin:0;min-width:0}.as-focus legend{font-size:11px;font-weight:750;color:#366076;margin:0 0 10px}.as-range{display:block;font-size:12px;color:#415a70}.as-range>span{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px}.as-range output{font-variant-numeric:tabular-nums;color:var(--as-navy);font-size:11px;min-width:40px;text-align:right}.as-range input{display:block;width:100%;height:22px;accent-color:#138aa4;cursor:pointer;margin:0}.as-focus-range+.as-focus-range{margin-top:9px}
.as-playback{margin-top:24px;padding:20px;border-radius:20px;background:linear-gradient(130deg,#f0f9fc,#f6f9fe);border:1px solid #e0edf2}.as-autoplay{justify-content:space-between;margin:15px 0 20px;font-size:13px}.as-timing{display:grid;grid-template-columns:1fr 1fr;gap:24px}.as-footer{position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 28px 20px;border-top:1px solid var(--as-line);background:#ffffffed;backdrop-filter:blur(12px)}.as-status{margin:0;color:#326779;font-size:12px;font-weight:650}.as-status[data-state=error]{color:#ad3f31}.as-status[data-state=warning]{color:#8a6219}.as-local{font-size:10px;color:var(--as-muted);margin:4px 0 0}.as-footer-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.as-reset{border:0;background:transparent;color:#587082;padding:9px 4px;font-size:11px!important}.as-done{border:0;border-radius:12px;background:var(--as-navy);color:#fff;padding:11px 20px;font-weight:650!important;font-size:12px!important}.as-secondary:hover,.as-order:not(:disabled):hover{background:#edf7fc;border-color:#a9d4e3}.as-done:hover{background:#0750aa}
@media(max-width:600px){.artwork-studio{width:calc(100vw - 16px);max-height:94dvh;border-radius:22px}.as-header{padding:19px 18px 17px}.artwork-studio h2{font-size:22px}.as-body{padding:18px 16px 22px}.as-intro{font-size:13px}.as-image-row{padding:13px}.as-image-main{gap:12px}.as-thumbnail{width:75px;height:75px;flex-basis:75px}.as-order{min-height:36px;width:36px}.as-secondary{min-height:39px}.as-focus-grid{gap:15px}.as-footer{padding:14px 16px 16px;flex-wrap:wrap}.as-footer>div:first-child{flex:1;min-width:170px}.as-footer-actions{margin-left:auto}.as-local{font-size:10px;max-width:190px}.as-timing{gap:18px}.as-url-entry{flex-wrap:wrap}.as-url-label{min-width:125px}.as-playback{padding:16px}}
@media(max-width:370px){.as-section-heading{align-items:flex-start;flex-direction:column;gap:3px}.as-focus-grid,.as-timing{grid-template-columns:1fr}.as-footer-actions{width:100%;justify-content:flex-end}.as-local{max-width:none}.as-image-main{gap:10px}.as-thumbnail{width:66px;height:66px;flex-basis:66px}}
@media(prefers-reduced-motion:reduce){.artwork-studio *{scroll-behavior:auto!important;transition:none!important}}