/* Visual trial. No canvas, grid, camera or measurement rules are changed. */
.studio-look{--p-line:#dfe7f1;--p-input-line:#dfe7f1;--p-primary:#0877e8;--p-text:#1e293b;--p-muted:#64748b}
.studio-dock{display:contents}
/* Fullscreen uses the same visual language and the existing tool commands. */
@media(min-width:821px){
 .studio-look.grid-only .grid-essential-tools{max-width:calc(100vw - 28px)}
 .studio-look.grid-only .grid-essential-main{border:1px solid #dfe7f1;border-radius:22px;background:#fbfdff;padding:7px;gap:6px;box-shadow:0 3px 12px #23466b12}
 .studio-look.grid-only .grid-essential-tools button{border-color:#dfe7f1;border-radius:15px;background:#f5f8fc;font-size:11px;font-weight:500;min-height:42px}
 .studio-look.grid-only .grid-essential-tools .studio-icon{flex-shrink:0;width:42px;height:42px;padding:10px}
 .studio-look.grid-only .grid-essential-tools .grid-essential-save{display:inline-flex;align-items:center;gap:8px;width:auto;background:#0877e8;color:white;border-color:#0877e8;font-weight:700}
 .studio-look.grid-only .grid-essential-tools button[aria-pressed=true],.studio-look.grid-only .grid-essential-tools button[aria-expanded=true]{background:#0877e8;border-color:#0877e8;color:white}
 .studio-look.grid-only .grid-essential-drag-handle{border:0;background:transparent;color:#94a3b8;min-width:20px;flex-basis:20px}
 .studio-look.grid-only .grid-essential-more{top:64px;right:0;border:1px solid #dfe7f1;border-radius:20px;background:#fbfdff;padding:8px;gap:5px;box-shadow:0 8px 26px #23466b18}
 .studio-look.grid-only .stage-views{bottom:14px!important;left:14px!important;max-width:calc(100vw - 28px)!important;border:1px solid #dfe7f1!important;border-radius:20px!important;background:#fbfdff!important;box-shadow:0 2px 8px #23466b0d!important}
 .studio-look.grid-only .stage-views button{border-color:#dfe7f1;border-radius:12px;min-height:38px}
 .studio-look.grid-only .direct-options{bottom:76px!important;left:14px!important;transform:none!important;max-width:calc(100vw - 350px)!important;border-radius:20px!important;border-color:#dfe7f1!important;background:#fbfdff!important;box-shadow:none!important}
 .studio-look.grid-only.grid-fs-shapes-open .editor-shapes,.studio-look.grid-only.grid-fs-properties-open .editor-inspector{right:14px!important;left:auto!important;top:88px!important;bottom:130px!important;width:288px!important;border-radius:22px!important;border-color:#dfe7f1!important;background:#fbfdff!important;box-shadow:0 4px 18px #23466b12!important}
 .studio-look.grid-only .editor-side::after{display:none!important}
 .studio-look.grid-only .editor-side h2{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
 .studio-look.grid-only .shape-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .studio-look.grid-only .editor-side [hidden]{display:none!important}
 .studio-look.grid-only .grid-fullscreen-toggle{border-radius:14px!important;background:#eaf3ff!important;color:#0877e8!important;box-shadow:none!important}
}
.studio-project-toggle{border:1px solid #dfe7f1;border-radius:14px;background:#fff;color:#26364c;padding:10px 14px;cursor:pointer;font:600 12px inherit}
.studio-look .studio-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:42px;height:42px;padding:10px;border-radius:16px}
.studio-look .studio-icon[data-action=export-stl]{width:auto;background:#0877e8;color:white;border-color:#0877e8;font-weight:700}
.studio-look .studio-icon[data-action=delete]{color:#ee4055}
.studio-look .studio-icon[aria-pressed=true]{background:#0877e8;color:white;border-color:#0877e8}
.studio-look button:focus-visible,.studio-look a:focus-visible{outline:3px solid #63afff;outline-offset:2px}
.studio-look .shape-grid button{border-radius:17px;background:#f0f5fb;min-height:68px;font-weight:500}
.studio-look .shape-symbol{color:#0877e8;text-shadow:none}
.studio-look .shape-symbol svg{width:24px;height:24px}
@media(min-width:1100px){
 .studio-look:not(.grid-only):not(.native-app-editor) .editor-projectbar{left:auto!important;right:12px!important;top:10px!important;width:300px!important;display:flex!important;flex-wrap:wrap;gap:4px;padding:9px 12px;border-radius:20px;box-shadow:0 2px 6px #2443680a}
 .studio-look .project-title-label{flex:1;min-width:120px;font-size:9px}
 .studio-look .project-title-label input{font-size:12px;background:transparent}
 .studio-look .project-save-state{flex-basis:100%;font-size:10px;order:3}
 .studio-look .project-actions{display:none;position:absolute;right:0;top:calc(100% + 8px);width:300px;max-height:65vh;overflow:auto;background:#fff;border:1px solid #dfe7f1;box-shadow:0 12px 30px #19365a18;border-radius:20px;padding:12px;z-index:80;box-sizing:border-box}
 .studio-look .studio-project-open .project-actions{display:grid;grid-template-columns:1fr}
 .studio-look:not(.grid-only) .editor-toolbar{top:10px!important;left:10px!important;right:330px!important;width:auto!important;border-radius:22px;padding:6px;gap:5px;box-shadow:0 2px 6px #2443680a;background:#fbfdff;flex-wrap:wrap;overflow:visible}
 .studio-look .editor-toolbar button{border-radius:14px;font-size:11px;min-height:38px}
 .studio-look:not(.grid-only) .direct-options{top:auto!important;bottom:64px;left:calc((100% - 320px)/2);max-width:calc(100vw - 360px);box-shadow:0 2px 8px #2443680a}
 .studio-look:not(.grid-only) .stage-views{top:78px!important;left:10px!important;border-radius:18px;box-shadow:none;padding:6px;background:#fbfdff}
 .studio-look .stage-views button{border-radius:12px;font-size:10px}
 .studio-look:not(.grid-only) .studio-dock{display:block;position:absolute;top:104px;right:12px;bottom:12px;width:288px;z-index:20;background:#fbfdff;border:1px solid #dfe7f1;border-radius:22px;padding:14px;overflow:auto;scrollbar-width:thin;box-sizing:border-box}
 .studio-look:not(.grid-only) .studio-dock .editor-side{display:block!important;position:static!important;width:auto!important;max-height:none!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important;cursor:default}
 .studio-look:not(.grid-only) .studio-dock .editor-side:before,.studio-look:not(.grid-only) .studio-dock .editor-side:after{display:none!important}
 .studio-look:not(.grid-only) .studio-dock .editor-side>*{opacity:1!important;pointer-events:auto!important}
 .studio-look:not(.grid-only) .studio-dock .editor-side>:not([hidden]){display:revert!important}
 .studio-look:not(.grid-only) .studio-dock .editor-side>.shape-grid:not([hidden]){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .studio-look:not(.grid-only) .studio-dock .editor-side>.object-list:not([hidden]){display:grid!important;max-height:150px}
 .studio-look .studio-dock details{border-top:1px solid #dfe7f1;margin-top:16px;padding-top:8px}
 .studio-look .studio-dock summary{font-size:11px;color:#64748b;padding:8px 0;cursor:pointer}
 .studio-look .studio-dock h2{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin:10px 0}
 .studio-look .studio-dock .editor-inspector{margin-top:20px;padding-top:12px!important;border-top:1px solid #dfe7f1!important}
 .studio-look:not(.grid-only) .stage-bottom{left:calc((100% - 320px)/2)!important}
 .studio-look:not(.grid-only) .editor-status{right:324px!important;max-width:320px;font-size:11px}
 .studio-look:not(.grid-only) .editor-notice{top:174px!important;right:324px!important;max-width:620px;font-size:11px}
 .studio-look.is-readonly .studio-dock .editor-shapes{display:none!important}
}
@media(max-width:1099px){.studio-project-toggle{display:none}.studio-look .editor-toolbar{gap:6px}.studio-look .editor-side{border-radius:18px}}
