._studio_1dghb_1{flex-direction:column;min-height:100vh;display:flex}._workspace_1dghb_7{flex:1;grid-template-columns:minmax(300px,380px) minmax(0,1fr) minmax(280px,320px);gap:14px;padding:14px;display:grid}@media (width<=1024px){._workspace_1dghb_7{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}._workspace_1dghb_7 ._preview_1dghb_18{grid-column:1/-1}}@media (width<=640px){._workspace_1dghb_7{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}}@media (width<=1024px){._preview_1dghb_18{order:-1}}._titleInput_1dghb_36{border-radius:var(--radius-inner);width:180px;height:28px;color:var(--text-2);font-family:var(--font-mono);text-align:right;background:0 0;border:1px solid #0000;padding:0 8px}._titleInput_1dghb_36:hover{border-color:var(--line-strong)}._titleInput_1dghb_36:focus{border-color:var(--accent);text-align:left;outline:none}._badge_1dghb_56{background:var(--raised);white-space:nowrap;border-radius:11px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:12px;display:flex}._exportGroup_1dghb_68{align-items:center;display:flex}._exportButton_1dghb_73,._exportMore_1dghb_74{background:var(--accent);height:32px;color:var(--on-accent);border:0;align-items:center;display:flex}._exportButton_1dghb_73{border-radius:var(--radius-control) 0 0 var(--radius-control);gap:8px;padding:0 12px;font-weight:600}._exportButton_1dghb_73 kbd{font-family:var(--font-mono);opacity:.75;font-size:11px;font-weight:500}@media (width<=640px){._exportButton_1dghb_73 kbd{display:none}}._exportMore_1dghb_74{border-radius:0 var(--radius-control) var(--radius-control) 0;border-left:1px solid #0003;justify-content:center;width:30px}._exportButton_1dghb_73:hover,._exportMore_1dghb_74:hover,._exportMore_1dghb_74[aria-expanded=true]{filter:brightness(1.06)}@media (width<=640px){._source_1dghb_115{max-height:70vh}}._sourceBody_1dghb_120{flex-direction:column;height:100%;display:flex}._sourceTools_1dghb_126{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 14px;display:flex}._sourceTools_1dghb_126 select{flex:1}._toolLabel_1dghb_137{color:var(--muted)}._editorScroll_1dghb_141{flex:1;min-height:240px;overflow:auto}._editor_1dghb_141{min-width:max-content;min-height:100%;font-family:var(--font-mono);font-size:12.5px;line-height:22px;display:flex}._gutter_1dghb_156{z-index:2;background:var(--panel);width:44px;color:var(--faint);text-align:right;user-select:none;flex-direction:column;flex:none;padding:12px 12px 12px 0;display:flex;position:sticky;left:0}._gutterOn_1dghb_171{color:var(--accent)}._codeArea_1dghb_175{flex:1;position:relative}._lineHighlight_1dghb_180{background:var(--accent-tint);pointer-events:none;position:absolute;left:0;right:0}._codeLayer_1dghb_188,._textarea_1dghb_189{font:inherit;line-height:inherit;white-space:pre;tab-size:2;margin:0;padding:12px 16px 12px 0}._codeLayer_1dghb_188{color:var(--text-2);pointer-events:none;position:relative}._codeLine_1dghb_204{min-height:22px}._textarea_1dghb_189{color:#0000;width:100%;height:100%;caret-color:var(--text-strong);resize:none;background:0 0;border:0;outline:none;position:absolute;inset:0;overflow:hidden}._textarea_1dghb_189::selection{background:#8cb4ff4d}._dropZone_1dghb_225{border:1.5px dashed var(--line-dashed);background:var(--field);width:calc(100% - 28px);min-height:260px;color:var(--text-2);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:14px;display:flex}._dropZone_1dghb_225:hover{border-color:var(--accent)}._dropTitle_1dghb_243{color:var(--text-strong);font-size:15px;font-weight:500}._imageLoaded_1dghb_249{flex-direction:column;gap:10px;padding:14px;display:flex}._imageThumb_1dghb_256{object-fit:contain;border-radius:var(--radius-inner);background:var(--canvas);max-width:100%;max-height:260px}._imageActions_1dghb_264{gap:8px;display:flex}._previewBody_1dghb_269{background:var(--canvas) var(--dot-grid);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:420px;padding:28px 24px;display:flex}@media (width<=640px){._previewBody_1dghb_269{min-height:0;padding:16px 12px}}._stage_1dghb_286{--max-h:max(320px, calc(100vh - 260px));width:min(100%, var(--max-h) * var(--arn));aspect-ratio:var(--ar);position:relative}._checker_1dghb_293{background:repeating-conic-gradient(#26262b 0 25%, #1c1c20 0 50%) 0 0/16px 16px}._canvas_1dghb_297{border-radius:4px;width:100%;height:100%;display:block}._band_1dghb_304{background:var(--accent-tint);box-shadow:inset 2px 0 0 var(--accent);pointer-events:none;position:absolute}._caption_1dghb_311{color:var(--faint);flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:12px;display:flex}._mono_1dghb_320{font-family:var(--font-mono)}._iconButton_1dghb_324{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:flex}._iconButton_1dghb_324:hover{background:var(--raised);color:var(--text-strong)}._styleBody_1dghb_340{flex-direction:column;gap:20px;padding:16px 14px 20px;display:flex}._swatches_1dghb_347{flex-wrap:wrap;gap:8px;display:flex}._swatch_1dghb_347{border-radius:var(--radius-control);border:1px solid #34343b;width:34px;height:34px}._swatch_1dghb_347[aria-checked=true]{border:2px solid var(--text-strong);box-shadow:inset 0 0 0 2px var(--panel)}._swatchClear_1dghb_364{background:repeating-conic-gradient(#9a9aa3 0 25%, #d9d9de 0 50%) 0 0/10px 10px}._switches_1dghb_368{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:4px;display:flex}._textInput_1dghb_376{border:1px solid var(--line-strong);background:var(--inset);height:32px;color:var(--text);border-radius:7px;padding:0 10px}._textInput_1dghb_376:focus{border-color:var(--accent);outline:none}