.model-stage{position:relative}.surface-edit-trigger{position:absolute;top:14px;right:14px;box-shadow:0 3px 14px #0003;background:var(--mb-superficie,#fff);color:var(--mbx-ink,#16382f);border:1px solid var(--mb-borde,#bbd1c8);font-weight:700;z-index:1}.surface-edit-trigger[aria-expanded=true]{background:var(--mbx-brand,#14634f);color:#fff}.surface-editor{margin-top:16px;padding:18px;border:1px solid var(--mb-borde,#42646c);border-radius:12px;background:var(--mb-superficie,#102c33);color:var(--mbx-ink,#e0f8f5)}.surface-editor header{align-items:start}.surface-editor h3{margin:0;font-size:20px}.surface-editor p{font-size:13px}.surface-editor fieldset{border:0;padding:0;margin:0;min-width:0}.surface-editor label{display:grid;gap:5px;font-size:13px}.surface-editor :is(input,select){max-width:100%;width:100%;padding:8px;border-radius:6px;color:var(--mbx-ink,#e0f8f5);background:var(--mb-superficie,#0c2127);border:1px solid var(--mb-borde,#50747b)}.surface-editor input[type=color]{height:43px;padding:3px;cursor:pointer}.surface-editor input[type=range]{padding:0;accent-color:var(--mbx-brand,#7ae2d5)}.surface-editor button{background:var(--mb-superficie,#14343c);color:var(--mbx-ink,#e0f8f5);border-color:var(--mb-borde,#50747b)}.surface-editor button:disabled{opacity:.5;cursor:default}.surface-editor .surface-primary{background:var(--mbx-brand,#7ae2d5);color:var(--mb-superficie,#07151b);font-weight:750}.surface-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.surface-toolbar,.surface-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.surface-swatches button{width:32px;height:32px;padding:0;border-radius:50%;border:2px solid #ffffff80}.surface-swatches button:focus-visible{outline-offset:4px}.surface-image{width:84px;height:70px;object-fit:cover;border-radius:7px;border:1px solid #66838b}.surface-editor details{font-size:13px;margin-top:12px}.surface-editor ol{padding-left:22px;max-height:230px;overflow:auto}.surface-editor li{margin:10px 0}.surface-editor li button{padding:5px 9px;margin-left:8px}.surface-error{color:var(--mbx-ink,#ffbcae)}.surface-editor output{font-variant-numeric:tabular-nums}.surface-editor .surface-status{min-height:24px}.surface-editor a{color:var(--mbx-brand,#7ae2d5)}@media(max-width:480px){.surface-editor{padding:13px}.surface-grid{gap:10px}.surface-toolbar button{flex:1 1 auto}.surface-editor input[type=file]{font-size:12px}}
.surface-workspace{width:min(1360px,96vw);height:min(900px,94dvh);max-width:96vw;max-height:94dvh;padding:0;border:1px solid var(--mb-borde,#44636b);border-radius:18px;background:var(--mb-superficie,#0b242c);color:var(--mbx-ink,#e0f8f5);overflow:hidden}.surface-workspace::backdrop{background:#031216ba;backdrop-filter:blur(5px)}.surface-workspace[open]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr)}.surface-workspace .surface-editor{margin:0;border:0;border-radius:0;overflow:auto;padding:24px}.surface-preview{display:flex;flex-direction:column;min-width:0;background:#edf0e7;padding:14px}.surface-preview .model-stage{flex:1;min-height:200px}.surface-preview canvas{height:100%;position:absolute;inset:0}.surface-camera{justify-content:center;margin:10px 0 0}.surface-camera button{background:#fff;color:#174236;border-color:#b3c7bd;font-size:12px;padding:8px}.surface-workspace .surface-editor header{position:sticky;top:-24px;background:var(--mb-superficie,#102c33);z-index:2;padding-top:10px}.surface-workspace .surface-editor fieldset{clear:both}@media(max-width:760px){.surface-workspace{height:96dvh;max-height:96dvh;max-width:98vw;width:98vw;overflow:auto}.surface-workspace[open]{display:block}.surface-preview{height:38dvh;min-height:250px;position:sticky;top:0;z-index:3}.surface-workspace .surface-editor{overflow:visible;padding:16px}.surface-workspace .surface-editor header{position:static}.surface-camera button{padding:5px 8px}}
@media(max-width:760px){.surface-workspace{scroll-padding-top:calc(max(250px,38dvh) + 16px)}.surface-editor :is(button,input,select,summary){scroll-margin-top:calc(max(250px,38dvh) + 16px)}}