.xyz-editor{--xyz-editor-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--xyz-editor-guide:#047fad;color:#364645;background:#e5e9e7;border:1px solid #cdd1cf;border-radius:8px;grid-template-rows:minmax(0,1fr) auto;width:100%;min-width:0;height:100%;min-height:340px;display:grid;overflow:hidden}.xyz-editor-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aab7b5 #dce2df;min-width:0;min-height:0;overflow:auto}.xyz-editor-surface{background-color:#e5e9e7;background-image:radial-gradient(circle at 1px 1px,#72807a24 1px,#0000 1.2px);background-size:18px 18px;place-items:center;width:100%;min-width:100%;height:100%;min-height:100%;padding:35px 24px 24px 35px;display:grid;position:relative}.xyz-editor-board{color:#586866;-webkit-user-select:none;user-select:none;background:#fff;outline:1px solid #203b4a2c;flex:none;position:relative;box-shadow:0 18px 30px #1e302918,0 4px 8px #1e302914}.xyz-editor-svg{touch-action:none;width:100%;height:100%;display:block;overflow:visible}.xyz-editor-ruler,.xyz-editor-ruler-unit{pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none;color:#465857;font:9px/1 var(--xyz-editor-mono);font-variant-numeric:tabular-nums;position:absolute}.xyz-editor-ruler-unit{color:#31595f;font-weight:650;inset:auto calc(100% + 11px) calc(100% + 10px) auto}.xyz-editor-ruler-x{height:24px;bottom:100%;left:0;right:0}.xyz-editor-ruler-y{width:25px;inset:0 100% 0 auto}.xyz-editor-ruler span{white-space:nowrap;position:absolute}.xyz-editor-ruler-x span{bottom:10px;transform:translate(-50%)}.xyz-editor-ruler-x span:after{content:"";background:#899796;width:1px;height:6px;position:absolute;top:calc(100% + 3px);left:50%}.xyz-editor-ruler-y span{width:max-content;right:11px;transform:translateY(-50%)}.xyz-editor-ruler-y span:after{content:"";background:#899796;width:6px;height:1px;position:absolute;top:50%;left:calc(100% + 3px)}.xyz-editor-layer-hit{cursor:grab}.xyz-editor-layer-locked{cursor:default}.xyz-editor-viewport[data-dragging] .xyz-editor-layer-hit{cursor:grabbing}.xyz-editor-selection,.xyz-editor-guide,.xyz-editor-handle{vector-effect:non-scaling-stroke}.xyz-editor-selection{fill:none;stroke:var(--xyz-editor-guide);stroke-width:1.6px;pointer-events:none;filter:drop-shadow(0 0 1px #fffb)}.xyz-editor-selection-locked{stroke:#636b64;stroke-dasharray:3 3}.xyz-editor-guide{stroke:#fb0d80;stroke-width:1.2px;stroke-dasharray:4 3;pointer-events:none}.xyz-editor-handle{fill:#fff;stroke:var(--xyz-editor-guide);stroke-width:1.6px}.xyz-editor-status{color:#465857;min-height:34px;font:10px/1.3 var(--xyz-editor-mono);font-variant-numeric:tabular-nums;white-space:nowrap;background:#f6f7f5;border-top:1px solid #cdd1cf;align-items:center;gap:12px;padding:6px 12px;display:flex}.xyz-editor-status b{color:#233733}.xyz-editor-status-selection{text-overflow:ellipsis;min-width:0;overflow:hidden}.xyz-editor-status-zoom{margin-left:auto}@media (max-width:700px){.xyz-editor{border-radius:6px;min-height:275px}.xyz-editor-surface{background-size:14px 14px;padding:27px 15px 18px 28px}.xyz-editor-ruler,.xyz-editor-ruler-unit{font-size:8px}.xyz-editor-status{gap:8px;padding-inline:8px;font-size:9px}}.xyz-panel-preview{--xyz-preview-image:var(--xyz-studio-backdrop,none);--xyz-preview-focus:#8cdcff;isolation:isolate;color:#c4d5e6;background-color:#0a1523;background-image:radial-gradient(ellipse at 36% 26%, #42648064 0%, transparent 56%), linear-gradient(154deg, #0b152240, #06101ce6 95%), var(--xyz-preview-image);background-position:50%;background-size:cover;grid-template-rows:minmax(0,1fr) auto;min-width:0;height:clamp(285px,51vw,520px);display:grid;position:relative;overflow:hidden}.xyz-panel-preview--concrete{--xyz-preview-image:var(--xyz-concrete-backdrop,none);background-color:#5b6267;background-image:radial-gradient(ellipse at 31% 9%, #e2edf44d 0%, transparent 68%), linear-gradient(145deg, #86919917, #202932ac 92%), var(--xyz-preview-image)}.xyz-panel-preview--night{--xyz-preview-image:var(--xyz-night-backdrop,none);background-color:#050c18;background-image:radial-gradient(ellipse at 57% 24%, #1b75ae5c 0%, #08172780 48%, transparent 78%), linear-gradient(149deg, #050c1259, #020711c7), var(--xyz-preview-image)}.xyz-panel-preview__canvas{cursor:grab;touch-action:pan-y;outline:0;align-self:stretch;width:100%;min-width:0;height:100%;min-height:0;display:block}.xyz-panel-preview__canvas:focus-visible{outline:2px solid var(--xyz-preview-focus);outline-offset:-4px}.xyz-panel-preview__canvas.is-dragging{cursor:grabbing}.xyz-panel-preview__controls{z-index:1;color:#c1d0df;background:#091320d9;border-top:1px solid #abcbe02a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .8rem;padding:.65rem .85rem;font-size:.78rem;display:flex}.xyz-panel-preview__controls button{color:#eef7fd;cursor:pointer;min-height:36px;font:inherit;background:#1c2c3c;border:1px solid #adc5d75d;border-radius:.3rem;padding:.3rem .65rem}.xyz-panel-preview__controls button:hover{background:#284253}.xyz-panel-preview__controls button:focus-visible{outline:2px solid var(--xyz-preview-focus);outline-offset:2px}.xyz-inspector{--xyz-inspector-ink:#172335;--xyz-inspector-muted:#596371;--xyz-inspector-line:#deded7;--xyz-inspector-accent:#1552cb;min-width:0;color:var(--xyz-inspector-ink);border-left:1px solid var(--xyz-inspector-line);background:#fbfaf7;font-size:13px}.xyz-inspector-heading{border-bottom:1px solid var(--xyz-inspector-line);align-items:center;gap:8px;min-height:48px;padding:12px 16px;display:flex}.xyz-inspector-heading h2{letter-spacing:-.01em;margin:0;font-size:14px}.xyz-inspector-heading svg{color:var(--xyz-inspector-accent);flex:none}.xyz-inspector-section{padding:16px}.xyz-inspector-section h3,.xyz-inspector-section summary{letter-spacing:.015em;margin:0 0 14px;font-size:12px;font-weight:720}.xyz-inspector-artboard{border-top:1px solid var(--xyz-inspector-line)}.xyz-inspector-artboard summary{cursor:pointer}.xyz-inspector-artboard:not([open]) summary{margin-bottom:0}.xyz-inspector-fields,.xyz-inspector-style{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.xyz-inspector-style{border-top:1px solid var(--xyz-inspector-line);margin-top:1px;padding-top:14px}.xyz-inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 8px;display:grid}.xyz-inspector-field{min-width:0;color:var(--xyz-inspector-muted);gap:4px;margin:0;font-size:11px;font-weight:650;line-height:1.4;display:grid}.xyz-inspector-field input,.xyz-inspector-field select,.xyz-inspector-field textarea{border:1px solid var(--xyz-inspector-line);width:100%;min-height:35px;color:var(--xyz-inspector-ink);background:#fff;border-radius:5px;margin:0;padding:6px 8px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.45;display:block}.xyz-inspector-field textarea{resize:vertical;min-height:62px}.xyz-inspector-field :is(input,select,textarea,button):focus-visible{outline:2px solid var(--xyz-inspector-accent);outline-offset:1px}.xyz-inspector-field :is(input,select,textarea):disabled{color:#656d78;background:#eeede9}.xyz-inspector-number{display:block;position:relative}.xyz-inspector-number input{font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield}.xyz-inspector-number:has(>span) input{padding-right:26px}.xyz-inspector-number input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.xyz-inspector-number input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.xyz-inspector-number>span{color:var(--xyz-inspector-muted);pointer-events:none;font-size:10px;font-weight:550;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.xyz-inspector-color-control{grid-template-columns:34px minmax(0,1fr);gap:6px;display:grid;position:relative}.xyz-inspector-color-control input[type=color]{cursor:pointer;height:35px;padding:4px}.xyz-inspector-color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.xyz-inspector-color-control input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}.xyz-inspector-color-control input[type=text]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.xyz-inspector-color>button{color:var(--xyz-inspector-ink);background:#efefeb;border:0;border-radius:4px;justify-self:start;padding:3px 6px;font-size:11px;font-weight:650}.xyz-inspector-color>button[aria-pressed=true]{color:#1547a5;background:#e4edff}.xyz-inspector-locked{color:var(--xyz-inspector-muted);align-items:center;gap:7px;margin:0 0 13px;font-size:11px;display:flex}@media (max-width:820px){.xyz-inspector{border-left:0;border-top:1px solid var(--xyz-inspector-line)}.xyz-inspector-field input,.xyz-inspector-field select,.xyz-inspector-field textarea,.xyz-inspector-color-control input[type=color]{min-height:42px;font-size:16px}.xyz-inspector-color-control{grid-template-columns:42px minmax(0,1fr)}}