.xyz-studio{--studio-ink:#152430;--studio-muted:#526675;--studio-line:#dae2e8;--studio-paper:#fbfaf8;--studio-cobalt:#175bc6;--studio-highlight:#e7f0ff;--studio-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;background:var(--studio-paper);min-height:100dvh;color:var(--studio-ink);grid-template-rows:auto auto minmax(560px,1fr) auto;font-size:13px;line-height:1.4;display:grid}.studio-header{border-bottom:1px solid var(--studio-line);background:#fff;align-items:center;gap:20px;min-width:0;padding:12px 22px;display:flex}.studio-brand{border-right:1px solid var(--studio-line);flex:none;align-items:center;min-height:41px;padding-right:20px;display:flex}.studio-brand img{width:87px;height:auto;display:block}.studio-document-title{flex:1;min-width:0}.studio-document-title label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-document-title input{width:clamp(130px,42vw,360px);max-width:100%;color:var(--studio-ink);text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:4px;margin-left:-6px;padding:1px 5px;font-size:16px;font-weight:720;display:block}.studio-document-title input:hover,.studio-document-title input:focus{border-color:var(--studio-line)}.studio-document-title span{color:var(--studio-muted);align-items:center;gap:4px;margin-top:3px;font-size:10px;display:flex}.studio-header-actions{flex:none;gap:8px;display:flex}.studio-button{min-height:38px;color:var(--studio-ink);background:#fff;border:1px solid #cfdbe4;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.studio-button:hover{background:#eff4f8}.studio-export{background:var(--studio-cobalt);border-color:var(--studio-cobalt);color:#fff}.studio-export:hover{background:#124da9}.studio-toolbar{border-bottom:1px solid var(--studio-line);scrollbar-width:thin;background:#f8fafc;align-items:center;gap:13px;min-height:53px;padding:6px 20px;display:flex;overflow-x:auto}.studio-views,.studio-scenes,.studio-tool-group,.studio-viewport-tools{flex-shrink:0;align-items:center;gap:3px;display:flex}.studio-views{background:#eaf0f5;border:1px solid #d5dfe7;border-radius:6px;padding:3px}.studio-views button,.studio-scenes button,.studio-fit{color:#45596a;white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;min-height:30px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.studio-views button[aria-pressed=true]{color:#102839;background:#fff;box-shadow:0 1px 3px #15334d28}.studio-views button:hover:not([aria-pressed=true]),.studio-fit:hover{background:#e5edf4}.studio-tool-group{border-right:1px solid var(--studio-line);padding-right:9px}.studio-viewport-tools,.studio-scenes{margin-left:auto}.studio-scenes button[aria-pressed=true]{background:var(--studio-highlight);color:#174fa4}.studio-icon{color:#41596b;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;width:32px;height:32px;padding:0;display:inline-grid}.studio-icon:hover:not(:disabled),.studio-icon[aria-pressed=true]{background:var(--studio-highlight);color:#174fa4}.studio-icon:disabled{opacity:.35}.studio-fit{font-variant-numeric:tabular-nums;justify-content:center;min-width:50px;padding-inline:6px}.studio-body{grid-template-columns:minmax(205px,.7fr) minmax(0,3.2fr) minmax(235px,.8fr);align-items:stretch;min-height:0;display:grid}.studio-library,.studio-properties{background:#fff;min-width:0}.studio-library{border-right:1px solid var(--studio-line);flex-direction:column;display:flex}.studio-properties{border-left:1px solid var(--studio-line)}.studio-jump{display:none}.studio-stage{background:#e7ebee;justify-content:stretch;align-items:stretch;min-width:0;min-height:0;display:flex}.studio-stage>*{width:100%}.studio-stage>.xyz-panel-preview{height:auto;min-height:420px}.studio-sidebar-heading{justify-content:space-between;align-items:center;padding:8px 12px 6px 14px;font-weight:750;display:flex}.studio-brief-button{color:#164f9f;text-align:left;background:#f0f6ff;border:1px solid #cee0f9;border-radius:5px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:40px;margin:2px 12px 10px;padding:6px 9px;font-size:12px;font-weight:700;display:grid}.studio-brief-button:hover{background:#e2efff}.studio-add{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:0 9px 10px;display:grid}.studio-add button{color:#395265;background:0 0;border:0;border-radius:4px;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:48px;padding:4px 0;font-size:9px;display:grid}.studio-add button:hover{background:var(--studio-highlight);color:var(--studio-cobalt)}.studio-library-tabs{border-block:1px solid var(--studio-line);background:#fafbfd;display:flex}.studio-library-tabs button{min-height:40px;color:var(--studio-muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding-inline:4px;font-size:12px;font-weight:700;display:inline-flex}.studio-library-tabs button[aria-pressed=true]{border-color:var(--studio-cobalt);color:var(--studio-cobalt)}.studio-layers,.studio-templates{max-height:max(330px,100dvh - 310px);padding:8px;overflow:auto}.studio-layer{border:1px solid #0000;border-radius:4px;align-items:center;min-width:0;display:flex}.studio-layer[data-selected=true]{background:#eef5ff;border-color:#c1d7f9}.studio-layer[data-hidden=true] .studio-layer-select{color:#6e8392}.studio-layer-select{color:#294255;text-align:left;background:0 0;border:0;border-radius:4px;flex:1;align-items:center;gap:7px;min-width:0;min-height:37px;padding:7px 5px 7px 8px;display:flex}.studio-layer-select svg{flex:none}.studio-layer-select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-layer .studio-icon{width:27px;height:33px}.studio-layer-actions{border-top:1px solid var(--studio-line);margin-top:8px;padding:4px;display:flex}.studio-empty{color:var(--studio-muted);margin:9px 6px;font-size:12px}.studio-templates{gap:8px;display:grid}.studio-template{border:1px solid var(--studio-line);text-align:left;min-width:0;color:var(--studio-ink);background:#fff;border-radius:5px;grid-template-columns:55px 1fr;align-items:center;gap:8px;padding:7px;display:grid}.studio-template:hover,.studio-template[data-featured=true]{background:#f1f7ff;border-color:#bfd4f2}.studio-template-preview{background:#e8edf1;border-radius:3px;place-items:center;min-height:40px;padding:3px;display:grid;overflow:hidden}.studio-template-preview svg{width:100%;height:38px;display:block}.studio-template-copy strong,.studio-template-copy small{display:block}.studio-template-copy small{color:var(--studio-muted);margin-top:2px;font-size:10px}.studio-status{border-top:1px solid var(--studio-line);min-height:34px;color:var(--studio-muted);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:7px 15px;font-size:10px;display:grid}.studio-status a{align-items:center;gap:5px;font-weight:700;display:inline-flex}.studio-status a:hover{color:var(--studio-cobalt)}.studio-status p{margin:0}.studio-status>span{font-family:var(--studio-mono);white-space:nowrap}.studio-dialog{width:min(430px,100vw - 26px);max-height:calc(100dvh - 32px);color:var(--studio-ink);background:#fff;border:1px solid #ccd9e3;border-radius:9px;padding:25px;overflow:auto;box-shadow:0 25px 100px #0c223b42}.studio-dialog::backdrop{background:#0b1d2d90}.studio-dialog-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:21px;display:flex}.studio-dialog-heading span{font:650 10px/1.5 var(--studio-mono);letter-spacing:.08em;text-transform:uppercase;color:#45657b}.studio-dialog-heading h2{letter-spacing:-.04em;margin:7px 0 0;font-size:32px;line-height:1}.studio-dialog label{margin-bottom:12px}.studio-dialog label input,.studio-dialog label select{margin-top:4px}.studio-dialog-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.studio-brief-error{color:#9c2222;margin:0 0 12px;font-size:12px}.studio-output-list{gap:7px;display:grid}.studio-output-list button{border:1px solid var(--studio-line);min-height:55px;color:var(--studio-ink);text-align:left;background:#f7fafd;border-radius:5px;justify-content:space-between;align-items:center;gap:9px;padding:9px 11px;display:flex}.studio-output-list button:hover{background:#eff6ff;border-color:#9cbdeb}.studio-output-list small{color:var(--studio-muted);margin-top:3px;font-size:11px;display:block}.studio-output-note{color:var(--studio-muted);margin:14px 0;font-size:12px}.studio-output-warnings{color:#7c4e0f;margin:0 0 14px;padding-left:18px;font-size:12px}.studio-enquiry{text-align:left}@media (max-width:1000px){.studio-body{grid-template-columns:179px minmax(0,1fr) 219px}.studio-add{padding-inline:3px}.studio-brief-button{margin-inline:8px}.studio-library-tabs button{gap:4px;font-size:11px}}@media (max-width:780px){.xyz-studio{flex-direction:column;display:flex}.studio-header{gap:12px;padding:10px 12px}.studio-brand{min-height:34px;padding-right:10px}.studio-brand img{width:67px}.studio-header-actions{gap:5px}.studio-document-title input{width:100%;font-size:14px}.studio-open span{display:none}.studio-toolbar{gap:8px;padding-inline:10px}.studio-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.studio-stage{grid-area:1/1/auto/-1;min-height:330px}.studio-jump{color:#214d7c;background:#eff5fc;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;gap:8px;padding-inline:12px;font-size:12px;font-weight:700;display:flex}.studio-jump a{align-items:center;gap:5px;min-height:38px;display:inline-flex}.studio-library,.studio-properties{border-top:1px solid var(--studio-line)}.studio-properties{border-left:0}.studio-icon{width:35px;height:35px}.studio-layers,.studio-templates{max-height:none}}@media (max-width:490px){.studio-toolbar{flex-wrap:wrap;gap:2px 6px;padding-block:5px;overflow:visible}.studio-viewport-tools{gap:0;margin-left:auto}.studio-viewport-tools .studio-icon{width:29px}.studio-fit{min-width:37px}.studio-tool-group{padding-right:3px}.studio-tool-group .studio-icon{width:28px}.studio-views button{padding-inline:7px}.studio-body{grid-template-columns:minmax(0,1fr)}.studio-library{border-right:0}.studio-add button{font-size:11px}.studio-templates{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-stage{min-height:310px}.studio-stage>.xyz-panel-preview{min-height:340px}.studio-status{grid-template-columns:1fr auto;gap:5px 10px}.studio-status p{grid-area:2/1/auto/-1}}@media (max-width:610px){.studio-fabrication-link{display:none}}