.editor-root{--e-bg:#f7f7f7;--e-surface:#fff;--e-surface-2:#eee;--e-stage-bg:#e5e5e5;--e-border:#e0e0e0;--e-text:#111;--e-text-dim:#6b6b6b;--e-accent:#000;--e-accent-soft:#0000000f;--e-shadow:#00000029;background:var(--e-bg);width:100%;height:100dvh;color:var(--e-text);font-family:var(--font-poppins), system-ui, sans-serif;flex-direction:column;display:flex;overflow:hidden}.editor-root *{box-sizing:border-box}.editor-topbar{border-bottom:1px solid var(--e-border);background:var(--e-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.editor-topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.editor-home-link{color:var(--e-text);flex-shrink:0;align-items:center;margin:-4px;padding:4px;text-decoration:none;display:flex}.editor-home-link:hover{color:var(--e-text-dim)}.editor-doc-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.editor-download-wrap{align-items:center;gap:10px;display:flex}.editor-download-note{color:var(--e-text-dim);min-width:10px;font-size:11px}.editor-download-btn{color:#fff;background:var(--e-accent);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s;display:inline-flex}.editor-download-btn:hover{opacity:.9}.editor-download-btn:disabled{opacity:.45;cursor:not-allowed}.editor-app-shell{flex-direction:column;flex:1;min-height:0;display:flex}.editor-stage-area{background:var(--e-stage-bg);flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:10px;display:flex;overflow:hidden}.editor-stage-outer{background:var(--e-surface);box-shadow:0 18px 44px var(--e-shadow);border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.editor-stage-outer canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.editor-stage-loading{background:var(--e-surface);color:var(--e-text-dim);justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.editor-stage-loading.hidden{opacity:0;pointer-events:none}.editor-swap-overlay-btn{color:#fff;cursor:pointer;z-index:2;background:#0000008c;border:none;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0000004d}.editor-swap-overlay-btn:hover{background:#000000b3}.editor-swap-overlay-btn[hidden]{display:none}.editor-upload-prompt{border:1.5px dashed var(--e-border);color:var(--e-text-dim);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:13px;font-weight:500;display:flex;position:absolute;inset:12px}.editor-upload-prompt:hover{border-color:var(--e-accent);color:var(--e-text)}.editor-upload-prompt[hidden]{display:none}.editor-panel{border-top:1px solid var(--e-border);background:var(--e-surface);padding:10px 14px;padding-bottom:max(10px, env(safe-area-inset-bottom));flex-shrink:0}.editor-panel-default.hidden,.editor-panel-selected.hidden{display:none}.editor-panel-default{gap:8px;display:flex}.editor-add-btn{border:1px solid var(--e-border);background:var(--e-surface-2);color:var(--e-text);cursor:pointer;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12.5px;font-weight:500;display:flex}.editor-add-btn:hover{border-color:var(--e-accent)}.editor-add-btn svg{flex-shrink:0}.editor-panel-selected{flex-direction:column;display:flex}.editor-toolbar-row{align-items:center;gap:8px;display:flex}.editor-toolbar-icons{-ms-overflow-style:none;scrollbar-width:none;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.editor-toolbar-icons::-webkit-scrollbar{display:none}.tbtn,.tbtn-color{width:40px;height:40px;color:var(--e-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tbtn:hover{background:var(--e-surface-2)}.tbtn.active{background:var(--e-accent-soft);border-color:var(--e-accent)}.tbtn-danger{color:var(--e-text-dim)}.tbtn-danger:hover{color:var(--e-text)}.tbtn-color{appearance:none;border:2px solid var(--e-border);background:var(--e-surface);padding:3px}.tbtn-color::-webkit-color-swatch-wrapper{border-radius:6px;padding:0;overflow:hidden}.tbtn-color::-webkit-color-swatch{border:none;border-radius:6px}.tbtn-color::-moz-color-swatch{border:none;border-radius:6px}.editor-done-btn{background:var(--e-accent);color:#fff;cursor:pointer;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.editor-toolbar-expand{width:100%;display:none}.editor-toolbar-expand.open{border-top:1px solid var(--e-border);margin-top:10px;padding-top:10px;display:block}.expand-row{align-items:center;gap:10px;display:flex}.expand-col{flex-direction:column;gap:8px;display:flex}.expand-label{color:var(--e-text-dim);flex-shrink:0;font-size:11px;font-weight:500;display:inline-flex}.expand-value{color:var(--e-text-dim);text-align:right;flex-shrink:0;min-width:32px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.editor-toolbar-expand input[type=range]{accent-color:var(--e-accent);flex:1;height:24px}.expand-textarea{resize:vertical;border:1px solid var(--e-border);background:var(--e-bg);width:100%;color:var(--e-text);border-radius:8px;min-height:48px;padding:9px 10px;font-family:inherit;font-size:16px}.expand-textarea:focus{border-color:var(--e-accent);outline:none}.expand-select{border:1px solid var(--e-border);background:var(--e-bg);width:100%;color:var(--e-text);border-radius:8px;padding:8px 9px;font-family:inherit;font-size:16px}