/* The editor shares the site's Morandi materials, with a task-first layout. */
.studio-page{--studio-field:#fffefa;--studio-selected:#e2e9df;--studio-canvas:#e9ede5;--studio-accent:#546a60;--studio-warning:#75452e;font-size:20px;line-height:1.5;background:var(--paper)}
.studio-page svg,.studio-invitation svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.studio-page button,.studio-page a{touch-action:manipulation}
.studio-page button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--studio-field);color:var(--ink);font:inherit;font-weight:550;line-height:1.35;transition:background .16s,border-color .16s}
.studio-page button:hover{background:var(--studio-selected);border-color:#9caa9e}
.studio-page button:active{background:#d4dfd1}.studio-page button:disabled{cursor:default;opacity:.4}
.studio-page :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--purple);outline-offset:3px}
.studio-page button[aria-pressed=true],.studio-page button[aria-selected=true]{background:var(--studio-selected);border-color:var(--studio-accent);color:#304a3c}
.studio-header{height:84px;padding:12px 28px;display:flex;align-items:center;gap:20px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.studio-brand{display:flex;align-items:center;gap:24px;min-width:0}.studio-brand .brand-logo{width:154px;min-width:0}.studio-brand .brand-logo img{width:100%;height:auto}.studio-brand h1{font-size:22px;letter-spacing:-.02em;white-space:nowrap}
.studio-history{display:flex;gap:8px;margin-left:auto}.studio-history button{min-width:48px}
.studio-header .studio-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;min-height:48px;background:var(--blue);color:#fffefa;border-radius:8px;font-weight:650;white-space:nowrap}.studio-header .studio-primary:hover{background:var(--blue-hover);text-decoration:none}
.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;max-width:1780px;margin-inline:auto;min-height:calc(100dvh - 124px)}
.studio-preview{display:flex;flex-direction:column;min-width:0;position:sticky;top:84px;height:calc(100dvh - 84px);min-height:590px;padding:24px 36px 16px;background:var(--studio-canvas)}
.studio-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-view-tabs{display:flex;gap:6px;padding:4px;background:#dfe5db;border-radius:10px}.studio-view-tabs button{border-color:transparent;background:transparent;font-size:18px}.studio-view-tabs button[aria-pressed=true]{background:#fffefa;box-shadow:0 2px 5px #39473913;border-color:transparent;color:var(--ink)}
.studio-page .studio-icon-button{background:transparent;border-color:#acb8a9;min-width:58px;font-size:18px}
.studio-canvas-area{display:grid;place-items:center;flex:1;min-height:0;padding:28px 18px 12px}
.studio-board-wrap{width:100%;display:flex;align-items:center;flex-direction:column;min-width:0}
.studio-board{width:100%;max-width:min(960px,calc((100dvh - 370px)*var(--board-ratio)));position:relative;aspect-ratio:var(--board-ratio);background:#0b0c0c;border-radius:5px;box-shadow:0 20px 32px -14px #26302955}
.studio-board canvas{display:block;width:100%;height:100%;border-radius:5px}
.studio-board-caption{display:flex;justify-content:center;gap:24px;margin-top:16px;font-size:16px;color:#54604f;font-variant-numeric:tabular-nums}
.studio-objects{position:absolute;inset:0;overflow:visible;pointer-events:none}
#studio-art-objects,#studio-objects{z-index:auto}
#studio-drawing{position:absolute;inset:0;z-index:6;touch-action:none;cursor:crosshair;border:2px solid #d5b48b;border-radius:5px}
.studio-preview.is-preview #studio-drawing{display:none}
.studio-art-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.studio-art-list button{font-size:16px}
.studio-art-heading{display:flex;justify-content:space-between;gap:12px;font-size:20px;margin:28px 0 8px}.studio-art-heading span{font-size:16px;font-weight:400;color:var(--muted)}
.studio-draw-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 12px}.studio-draw-tools button{font-size:18px;min-height:52px}.studio-draw-tools button:first-child{grid-column:1/-1}
.studio-decor-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.studio-decor-tools button{font-size:17px}
.studio-compositions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.studio-compositions button{display:flex;flex-direction:column;padding:0;overflow:hidden;gap:0;align-items:stretch}.studio-compositions img{width:100%;height:144px;object-fit:contain;background:#0b0c0c}.studio-compositions span{padding:12px 8px;font-size:16px}
#art-controls{border-top:1px solid var(--line);padding-top:20px}#art-controls h3{font-size:20px}#art-controls .inspector-heading{margin-bottom:16px}#art-controls .inspector-heading button{font-size:16px}
#panel-board>.studio-outline-intro{margin-top:0;padding-top:0;border-top:0}
.studio-object{position:absolute;min-width:20px;min-height:20px;pointer-events:none;z-index:1}
.studio-object.is-selected{z-index:3}
.studio-page .object-hit{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:28px;background:transparent;border:1px solid transparent;border-radius:0;padding:0;cursor:grab;pointer-events:auto;touch-action:none}
.studio-page .object-hit:hover{border-color:#d2e8d7;background:#d4e7d014}
.studio-page .is-selected .object-hit{border:2px solid #f1c898;background:transparent;box-shadow:0 0 0 1px #332a2033}
.studio-page .object-hit:active{cursor:grabbing}.studio-page .object-hit:focus-visible{outline-color:#fff9ed;outline-offset:4px}
.studio-page .object-resize{display:none;position:absolute;right:-20px;bottom:-20px;min-width:44px;min-height:44px;border:0;background:transparent;padding:10px;cursor:nwse-resize;pointer-events:auto;touch-action:none}
.studio-page .object-resize svg{width:24px;height:24px;background:#f1c898;color:#342b20;border-radius:3px;box-shadow:0 2px 8px #0004;stroke-width:2}.studio-page .is-selected .object-resize{display:flex}.studio-page .object-resize:hover{background:transparent}
.studio-preview.is-preview .studio-objects{visibility:hidden}
#canvas-empty{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:#d2d9cf;font-size:18px;pointer-events:none}
.studio-preview-notes{text-align:center;min-height:38px;font-size:16px;color:#53614e;margin:8px 0 12px}.studio-preview-notes p{max-width:none}.studio-preview-notes .studio-status:empty{display:none}.studio-warning{padding:8px 12px;color:var(--studio-warning);background:#f5eadd;border-radius:8px;margin-top:8px}.studio-warning button{font-size:16px;min-height:44px;margin:4px;background:transparent;border-color:#c6ab92}.studio-preview-notes #retry-font{font-size:16px;margin-top:8px}
.studio-object-list{display:flex;align-items:stretch;gap:10px;padding:14px 0;border-top:1px solid #c9d3c4;flex-wrap:wrap}.studio-object-list>div{display:flex;gap:8px;flex:1;min-width:0}.studio-object-list button{font-size:17px;max-width:100%}.studio-object-list .layer-button{justify-content:flex-start;min-width:0;flex:1;padding:10px}.layer-button i{width:10px;height:10px;background:var(--layer-color);border:1px solid #697765;border-radius:50%;flex-shrink:0}.layer-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-page #add-text{font-size:17px;background:transparent;border-style:dashed;white-space:nowrap}
.studio-savebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px}.studio-savebar>div{display:flex;gap:8px}.studio-savebar p{font-size:14px;color:#56634f}.studio-savebar button{border:0;background:transparent;font-size:16px;padding:8px}.studio-savebar svg{width:19px;height:19px}
.studio-inspector{min-width:0;background:var(--paper);border-left:1px solid var(--line)}
.studio-tabs{display:grid;grid-template-columns:1fr 1.65fr 1fr;position:sticky;top:84px;z-index:10;border-bottom:1px solid var(--line);background:var(--paper);padding:8px 16px 0;gap:4px}
.studio-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;min-height:56px;background:transparent;padding:8px 4px;font-size:18px}.studio-tabs button[aria-selected=true]{border-bottom-color:var(--blue);background:transparent}
#studio-controls{padding:24px}.studio-inspector section>h2,.inspector-heading h2{font-size:22px;letter-spacing:-.02em}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.selected-actions{display:flex;gap:8px}.selected-actions button{border:0;min-width:44px;padding:8px;background:transparent}
.studio-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:650;margin:16px 0 10px}.studio-label span,.studio-fieldset output{font-size:16px;color:var(--muted);font-weight:450;font-variant-numeric:tabular-nums}
.studio-page input:not([type=range]):not([type=color]),.studio-page select{width:100%;min-height:50px;border:1px solid #aab6a5;border-radius:8px;background:var(--studio-field);color:var(--ink);padding:10px 12px;font:inherit}.studio-page #edit-text{font-size:24px;min-height:60px;font-weight:650;letter-spacing:.02em}.studio-page select{padding-right:30px}.studio-page input[type=range]{width:100%;height:44px;accent-color:var(--blue);margin:0;cursor:pointer}.studio-page input:disabled,.studio-page select:disabled{opacity:.5;cursor:default}
.studio-field-note{font-size:16px;line-height:1.65;color:var(--muted);margin-top:10px}.studio-fieldset{padding:0;border:0;margin:28px 0 0;min-width:0}.studio-fieldset legend{display:flex;width:100%;justify-content:space-between;font-weight:650;margin-bottom:12px}
.studio-fonts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-fonts button{flex-direction:column;gap:6px;padding:12px 4px;font-size:16px}.font-sample{font-size:30px;line-height:1.4}.font-sans{font-family:"TLEC Designer Sans",var(--font);font-weight:700}.font-serif{font-family:"TLEC Designer Serif",serif;font-weight:600}.font-kai{font-family:"TLEC Designer Kai",serif;font-weight:400}
.studio-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-colors button{position:relative;flex-direction:column;font-size:16px;padding:10px 5px;gap:6px}.studio-colors i{width:25px;height:25px;background:var(--swatch);border:1px solid #8c9983;border-radius:50%}.studio-colors svg{position:absolute;top:8px;right:6px;width:16px;height:16px;visibility:hidden}.studio-colors [aria-pressed=true] svg{visibility:visible}.studio-custom-color{display:flex;align-items:center;justify-content:space-between;font-size:16px;margin-top:10px;color:#53624e}.studio-custom-color input{width:62px;height:44px;border:1px solid var(--line);background:var(--studio-field);border-radius:6px;padding:4px;cursor:pointer}
.studio-stepper{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:8px}.studio-stepper>label{position:relative}.studio-stepper input{text-align:center;font-variant-numeric:tabular-nums;padding-right:32px!important}.studio-stepper label span{position:absolute;right:20px;top:12px;pointer-events:none}.studio-stepper button{padding:8px}
.studio-position-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.studio-position-actions button{font-size:18px}.studio-advanced{margin-top:24px;border-top:1px solid var(--line);padding-top:10px}.studio-advanced summary{min-height:48px;padding:10px 0;font-size:18px;font-weight:600;cursor:pointer}.studio-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.studio-coordinates label{font-size:16px;display:grid;gap:6px}.studio-nudge{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.range-ends{display:flex;justify-content:space-between;font-size:16px;color:var(--muted)}
.studio-boards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-boards button{flex-direction:column;font-size:17px;gap:10px;padding:14px 8px}.studio-boards i{display:block;width:50px;max-height:42px;border:2px solid #7a8c75;background:#dce4d6;border-radius:3px}.studio-wide-button{width:100%;margin-top:20px;font-size:18px!important}.studio-outline-intro{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.studio-outline-intro h2{font-size:22px}.studio-outline-intro p{font-size:17px;color:var(--muted);margin:12px 0}.studio-inline-link{display:inline-flex;align-items:center;gap:8px;font-size:17px;min-height:44px;color:var(--blue);font-weight:600}.studio-outlines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.studio-outlines button{flex-direction:column;font-size:17px}.studio-outlines svg{width:54px;height:54px;stroke-width:3}
.studio-effects{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.studio-effects button{flex-direction:column;align-items:flex-start;padding:16px 12px;gap:6px}.studio-effects strong{font-size:18px}.studio-effects button>span:last-child{font-size:15px;color:var(--muted)}.effect-sample{display:flex;gap:9px;height:24px;align-items:center;margin-bottom:7px}.effect-sample i{width:12px;height:12px;border-radius:50%;background:#657d57;opacity:.2}.effect-steady i{opacity:1}.effect-blink i{animation:studio-blink 1.6s step-end infinite}.effect-breathe i{animation:studio-breathe 2.2s ease-in-out infinite}.effect-alternate2 i{animation:studio-two 1.6s step-end infinite}.effect-alternate2 i:nth-child(2){animation-delay:-.8s}.effect-alternate2 i:nth-child(3){display:none}.effect-alternate3 i{animation:studio-three 2.4s step-end infinite}.effect-alternate3 i:nth-child(2){animation-delay:-1.6s}.effect-alternate3 i:nth-child(3){animation-delay:-.8s}.effect-chase i{animation:studio-blink 1.8s step-end infinite}.effect-chase i:nth-child(2){animation-delay:.3s}.effect-chase i:nth-child(3){animation-delay:.6s}.studio-effect-help{font-size:17px;margin:20px 0;color:#54644d}.studio-inspector-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:10px 24px 24px;border-top:1px solid var(--line);padding-top:16px}.studio-inspector-bottom button,.studio-inspector-bottom a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:16px;border:0;background:transparent}
.studio-notice{position:fixed;z-index:55;bottom:20px;left:50%;transform:translateX(-50%);max-width:min(600px,calc(100vw - 32px));background:#34493c;color:#fffefa;border-radius:10px;padding:16px 20px;font-size:18px;box-shadow:0 8px 24px #26352935}.studio-notice input{margin-top:10px;font-size:16px!important;min-width:230px}.studio-draft-prompt{position:fixed;z-index:50;bottom:20px;left:24px;max-width:calc(100vw - 48px);background:#fffefa;padding:20px;border-radius:12px;box-shadow:0 8px 32px #26352944;font-size:18px}.studio-draft-prompt p{margin-bottom:14px}.studio-draft-prompt button{margin-right:8px;font-size:17px}.studio-draft-prompt #restore-draft{background:var(--blue);color:#fffefa}.studio-export-note{max-width:1780px;padding:12px 24px;margin:auto;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}
.studio-invitation{background:#e4eae0;padding:80px 0}.studio-invitation-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:center}.studio-invitation p{margin:24px 0;font-size:1rem;color:#54634e}.studio-invitation .studio-entry-note{font-size:.82rem;margin:14px 0 0}.studio-entry-image{display:block;position:relative;box-shadow:0 18px 30px -14px #27372455;border-radius:6px;overflow:hidden}.studio-entry-image img{width:100%;height:auto}.studio-entry-selection{position:absolute;left:13%;top:38%;width:74%;height:25%;border:1px solid #f1c898}.studio-entry-selection i{position:absolute;width:9px;height:9px;background:#f1c898;left:-5px;top:-5px}.studio-entry-selection i:nth-child(2){left:auto;right:-5px}.studio-entry-selection i:nth-child(3){top:auto;bottom:-5px}.studio-entry-selection i:nth-child(4){left:auto;right:-5px;top:auto;bottom:-5px}.studio-entry-tag{position:absolute;bottom:20px;left:20px;right:20px;color:#dfebd8;display:flex;align-items:center;justify-content:space-between;font-size:.82rem}
@keyframes studio-blink{0%,49%{opacity:1}50%,100%{opacity:.2}}@keyframes studio-two{0%,49%{opacity:1}50%,100%{opacity:.2}}@keyframes studio-three{0%,32%{opacity:1}33%,100%{opacity:.2}}@keyframes studio-breathe{0%,100%{opacity:1}50%{opacity:.2}}
@media(min-width:901px){.studio-inspector{max-height:calc(100dvh - 84px);overflow-y:auto;position:sticky;top:84px;overscroll-behavior:contain}.studio-tabs{top:0}.studio-inspector :is(input,button,summary,select){scroll-margin-top:90px}}
@media(max-width:1200px) and (min-width:901px){.studio-layout{grid-template-columns:minmax(0,1fr) 360px}.studio-preview{padding:20px}.studio-canvas-area{padding-inline:4px}.studio-savebar{flex-direction:column;align-items:flex-start}#studio-controls{padding:20px}.studio-board{max-width:min(100%,calc((100dvh - 390px)*var(--board-ratio)))}}
@media(max-width:900px){.studio-header{height:68px;padding:8px 16px;gap:10px}.studio-brand .brand-logo{width:116px}.studio-brand h1{display:none}.studio-history{gap:4px}.studio-history button{padding:8px;min-width:44px;border:0;background:transparent}.studio-history span{display:none}.studio-header .studio-primary{font-size:17px;min-height:44px;padding:10px 12px;gap:4px}.studio-primary svg{width:18px}.studio-layout{display:block;min-height:0}.studio-preview{position:sticky;top:68px;z-index:20;height:auto;min-height:0;padding:12px 16px 8px;border-bottom:1px solid #bdcaba}.studio-preview-toolbar{gap:8px}.studio-view-tabs{padding:2px;gap:2px}.studio-view-tabs button{font-size:16px;padding:8px;min-height:44px;gap:5px}.studio-view-tabs svg{width:18px;height:18px}.studio-page .studio-icon-button{font-size:16px;padding:8px;min-width:48px}.studio-canvas-area{padding:18px 16px 0}.studio-board{max-width:min(100%,calc(26dvh*var(--board-ratio)))}.studio-board-caption{font-size:13px;gap:14px;margin-top:8px}.studio-preview-notes{font-size:14px;min-height:0;margin:8px 0}.studio-warning{font-size:14px;padding:6px}.studio-warning button{font-size:14px}.studio-object-list{padding:8px 0 0;gap:6px;flex-wrap:nowrap}.studio-object-list>div{gap:5px}.studio-object-list .layer-button{font-size:14px;gap:5px;padding:7px;min-height:44px}.studio-page #add-text{font-size:14px;padding:7px;gap:3px}.studio-page #add-text svg{width:16px}.studio-savebar{display:none}.studio-inspector{border-left:0}.studio-tabs{position:static;padding:6px 16px 0}.studio-tabs button{font-size:18px;min-height:54px}#studio-controls{padding:22px 24px}.studio-label{font-size:20px}.studio-inspector-bottom{margin-inline:24px}.studio-export-note{font-size:14px;padding:14px 24px}.studio-mobile-save{display:flex;padding:12px 24px;gap:12px}.studio-mobile-save button{flex:1;font-size:18px}.studio-invitation-grid{grid-template-columns:1fr;gap:36px}.studio-invitation{padding:56px 0}.studio-entry-image{max-width:600px}.studio-draft-prompt{left:16px;bottom:16px;max-width:calc(100vw - 32px);padding:16px;font-size:16px}.studio-draft-prompt button{font-size:16px}}
@media(min-width:901px){.studio-mobile-save{display:none}}
@media(max-width:370px){.studio-brand .brand-logo{width:86px}.studio-header{padding-inline:8px;gap:4px}.studio-header .studio-primary{font-size:16px;padding-inline:8px}.studio-primary svg{display:none}.studio-history{gap:0}.studio-preview{padding-inline:10px}.studio-canvas-area{padding-inline:12px}.studio-view-tabs button{font-size:15px}.studio-object-list .layer-button i{display:none}.studio-page #add-text{font-size:13px}.studio-page #add-text svg{display:none}#studio-controls{padding-inline:16px}.studio-fonts button{font-size:15px}}
@media(max-height:650px) and (min-width:901px){.studio-preview{position:static;height:auto;min-height:590px}.studio-board{max-width:100%}.studio-inspector{max-height:none;position:static}.studio-tabs{position:static}}
@media(max-height:550px) and (max-width:900px){.studio-preview{position:static}.studio-board{max-width:min(100%,calc(40dvh*var(--board-ratio)))}}
@media(prefers-reduced-motion:reduce){.studio-page *{animation:none!important;transition:none!important}.effect-sample i{opacity:1}}
/* Keep the existing logo crop and allocate actual room for board captions. */
.studio-brand .brand-logo img{width:176.2987%;height:164.5455%}
.studio-board{max-width:min(960px,calc((100dvh - 430px)*var(--board-ratio)))}
.studio-canvas-area{overflow:visible}
.studio-export-note{border:0;font-size:14px;line-height:1.6;padding:8px 24px 24px}
.studio-inspector :is(button,input,select,summary,a){scroll-margin-top:90px;scroll-margin-bottom:24px}
@media(min-width:901px){.studio-page{overflow:hidden}.studio-layout{min-height:0;height:calc(100dvh - 84px)}.studio-preview{min-height:0}.studio-inspector{height:calc(100dvh - 84px)}}
@media(max-width:900px){
 .studio-page{overflow:hidden;height:var(--studio-vh,100dvh)}
 .studio-layout{display:flex;flex-direction:column;height:calc(var(--studio-vh,100dvh) - 68px);overflow:hidden}
 .studio-preview{position:static;flex:0 0 auto;height:auto;min-height:0;z-index:1}
 .studio-board{max-width:min(100%,calc(var(--studio-vh,100dvh)*.23*var(--board-ratio)))}
 .studio-canvas-area{flex:none;padding-top:16px}
 .studio-inspector{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;position:relative}
 .studio-tabs{position:sticky;top:0;z-index:10}
 .studio-savebar{display:block;padding-top:5px;text-align:center}.studio-savebar>div{display:none}.studio-savebar p{font-size:12px;max-width:none}
 .studio-inspector :is(button,input,select,summary,a){scroll-margin-top:82px;scroll-margin-bottom:20px}
 .studio-short .studio-board{max-width:min(100%,calc(var(--studio-vh,100dvh)*.18*var(--board-ratio)))}
 .studio-short .studio-preview-notes,.studio-short .studio-board-caption,.studio-short .studio-savebar{display:none}
 .studio-short .studio-preview{padding-top:5px}.studio-short .studio-canvas-area{padding-top:8px}.studio-short .studio-object-list{margin-top:7px}
}
@media(max-height:650px) and (min-width:901px){.studio-page{overflow:auto}.studio-layout{height:auto}.studio-preview{height:auto;min-height:570px}.studio-inspector{height:auto}.studio-board{max-width:100%}}
/* Image tracing remains beneath all editable handles, never part of exports. */
.studio-reference-overlay{position:absolute;inset:9%;width:82%;height:82%;object-fit:contain;pointer-events:none;z-index:0}
.studio-preview.is-preview .studio-reference-overlay{display:none}
.studio-file-label{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:1px dashed #85958b;border-radius:10px;font-weight:700}
.studio-file-label input{max-width:100%;min-width:0;font-size:16px;padding:0;border:0}
#reference-thumbnail{display:block;max-width:160px;width:100%;border-radius:8px;margin:16px auto}
.studio-reference-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
.studio-reference-actions button,#image-add{min-height:52px;font-size:18px}
#image-convert,#image-add{background:#536e63;color:#fff;border-color:#536e63;font-weight:700}
#image-result-canvas{width:100%;height:auto;display:block;border-radius:12px;margin:18px 0}
#image-status:empty{display:none}
#image-detail-value{float:right}
.studio-image-import input[type=range]{width:100%;min-height:40px}
.studio-art-path-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.studio-art-path-list button{min-height:44px;font-size:16px!important}
/* Integrated editor: one canvas, one task pane, contextual editing. */
.studio-page ::selection{background:#c9dcd0;color:#23382c}
.studio-page input{caret-color:#456153}
.studio-inspector{scrollbar-width:thin;scrollbar-color:#9baaa0 transparent}
.studio-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-canvas-title{font-size:20px;font-weight:650;margin:0}
#studio-board-settings{font-size:17px;min-height:44px;background:transparent;border:0;padding:8px}
#studio-board-settings svg{width:18px;height:18px}
.studio-board{max-width:min(960px,calc((100dvh - 280px)*var(--board-ratio)))}
.studio-board-caption{font-size:16px;margin-top:14px}
.studio-preview-notes{font-size:16px;margin:8px 0;min-height:26px}
.studio-preview-toolbar{min-height:44px}
.studio-object-list{padding:0 0 16px;border:0;justify-content:flex-end;gap:8px}
.studio-object-list>div{flex-wrap:wrap}
.studio-object-list .layer-button{flex:1 1 90px;font-size:16px;min-height:44px}
.studio-page #add-text{font-size:16px;min-height:44px;border:0;padding:8px;background:transparent}
.inspector-heading{margin-bottom:16px}
.studio-fieldset{margin-top:22px}
.studio-fonts button{padding:8px 4px;gap:2px}
.font-sample{font-size:24px}
.studio-colors{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.studio-colors button{min-height:46px;padding:6px 0}
.studio-colors button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.studio-colors i{width:26px;height:26px}
.studio-colors svg{top:14px;right:calc(50% - 8px);width:16px;height:16px;color:#183126;filter:drop-shadow(0 0 1px #fff)}
.studio-more-color{margin-top:8px}.studio-more-color summary{min-height:44px;padding:10px 0;font-size:16px;color:#52675b;cursor:pointer}
.studio-more-color .studio-custom-color{margin:0}
.studio-label,.studio-fieldset legend{font-size:19px}
.studio-art-back{margin:-8px 0 16px}.studio-art-back button{padding:8px 0;min-height:44px;font-size:16px;border:0;background:transparent;color:#52675b;text-decoration:underline;text-underline-offset:4px}
[data-art-pane]>h2,#art-controls h2{font-size:24px;line-height:1.4}
.studio-art-choices{display:flex;flex-direction:column;margin:24px 0 12px;gap:0}
.studio-art-choices button{justify-content:flex-start;font-size:19px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:18px 0;min-height:68px;gap:16px}
.studio-art-choices button>span{flex:1;text-align:left}.studio-art-choices button>svg:first-child{width:28px;height:28px;color:#5a7869}.studio-art-choices button>svg:last-child{width:18px;height:18px}
.studio-draw-tools button:first-child{grid-column:auto}
.studio-draw-tools button{min-height:52px}
.studio-done-drawing{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}
.studio-art-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.studio-art-quick button{font-size:18px;min-height:48px}
#art-controls{border:0;padding-top:0}
.studio-art-manager summary{display:flex;align-items:center;justify-content:space-between;font-size:16px;color:#53675a}
.studio-art-manager summary span{font-size:15px;font-variant-numeric:tabular-nums}
.studio-art-manager .studio-art-list button{font-size:16px}
.studio-file-label{position:relative;display:flex;align-items:center;justify-content:center;margin-top:22px;min-height:56px;background:#536e63;color:white;border:0;cursor:pointer}
.studio-file-label:focus-within{outline:3px solid var(--purple);outline-offset:3px}
.studio-file-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.studio-file-note{font-size:15px;margin-top:8px}
.studio-page .studio-example-link{padding:8px 0;min-height:44px;font-size:16px;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px}
#reference-thumbnail{max-width:72px;border-radius:6px;margin:0}
#reference-controls:not([hidden]){display:flex;align-items:center;gap:12px;margin-top:18px}
.studio-reference-actions{display:flex;flex-direction:column;gap:2px;margin:0;align-items:flex-start}
.studio-reference-actions button,#image-convert{min-height:44px;font-size:16px;padding:8px;background:transparent;color:var(--ink);border:0;font-weight:500}
#image-result-canvas{display:none}
#image-status{font-size:17px;color:#425e4e}
.studio-reference-overlay{display:none}
body[data-studio-tab=board][data-art-pane=draw] .studio-reference-overlay,body[data-studio-tab=board][data-art-pane=image] .studio-reference-overlay{display:block}
.studio-effects{margin-top:18px;gap:8px}.studio-effects button{padding:14px 12px}
.effect-sample{display:none}.studio-effects button[aria-pressed=true]{border-width:2px;padding:13px 11px}
.studio-effect-help{font-size:16px;margin:16px 0}
.studio-save-tools{margin:8px 24px 20px;border-top:1px solid var(--line);padding-top:10px}
.studio-save-tools>summary{padding:10px 0;min-height:44px;font-size:17px;cursor:pointer}
.studio-savebar{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:6px 0 0;text-align:left}
.studio-savebar>div{display:flex;gap:10px}.studio-savebar button{flex:1;border:1px solid var(--line);font-size:17px;min-height:48px;background:var(--studio-field)}
.studio-savebar p{font-size:14px;margin:0}
.studio-inspector-bottom{margin-top:0;border-top:0;padding-top:0}
@media(max-width:900px){
 .studio-preview{padding:10px 18px 8px}.studio-canvas-title{font-size:18px}.studio-preview-toolbar{min-height:40px}
 #studio-board-settings{font-size:16px;padding:6px}.studio-canvas-area{padding:8px 10px 0}
 .studio-board{max-width:min(100%,calc(var(--studio-vh,100dvh)*.28*var(--board-ratio)))}
 .studio-board-caption{font-size:14px;margin-top:8px}.studio-preview-notes{font-size:14px;margin:6px 0 0;min-height:22px}
 .studio-object-list{padding-bottom:12px;flex-wrap:wrap}.studio-object-list .layer-button{font-size:16px}.studio-page #add-text{font-size:16px}
 .studio-tabs{padding:4px 20px 0}.studio-tabs button{min-height:52px}
 #studio-controls{padding:20px 24px}.studio-fonts button{font-size:16px}.studio-fonts .font-sample{font-size:24px}
 .studio-savebar{display:flex}.studio-savebar>div{display:flex}.studio-savebar p{font-size:14px}
 .studio-short .studio-board{max-width:min(100%,calc(var(--studio-vh,100dvh)*.18*var(--board-ratio)))}
}