.html-editor-page{--bg: #f7f8fb;--surface: #ffffff;--surface-2: #f7f8fb;--surface-3: #eef1f6;--text: #0f1729;--text-2: #3b465c;--muted: #6b7689;--faint: #aab2c0;--line: #e6e9f0;--line-2: #d8dde6;--accent: #2a5bff;--accent-ink: #1a3fcc;--accent-soft: #eaf0ff;--green: #1a8a4a;--red: #c2392b;--code-bg: #0e1320;--code-text: #d6dbe6;--code-faint: #5b6478;--code-line: rgba(255, 255, 255, .06);--r-card: 18px;--r-md: 12px;--r-sm: 8px;--r-pill: 999px;--shadow-card: 0 1px 0 rgba(15, 23, 41, .04), 0 18px 48px -18px rgba(15, 23, 41, .14);--shadow-soft: 0 1px 0 rgba(15, 23, 41, .04), 0 8px 22px -10px rgba(15, 23, 41, .12);--header-h: 64px;--gutter: 28px;min-height:100%;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"ss01","cv11";font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.html-editor-page[data-theme=dark]{--bg: #0b0f1a;--surface: #131826;--surface-2: #0e1320;--surface-3: #1a2031;--text: #f1f3f8;--text-2: #c9cfdb;--muted: #8d96a8;--faint: #5b6478;--line: #232a3b;--line-2: #2c344a;--accent: #6f8eff;--accent-ink: #b9c6ff;--accent-soft: rgba(111, 142, 255, .16);--code-bg: #060912;--code-text: #e2e6ef;--code-faint: #5b6478;--code-line: rgba(255, 255, 255, .06);--shadow-card: 0 1px 0 rgba(0, 0, 0, .4), 0 18px 48px -18px rgba(0, 0, 0, .6);--shadow-soft: 0 1px 0 rgba(0, 0, 0, .4), 0 8px 22px -10px rgba(0, 0, 0, .5)}html[data-html-editor-theme=dark]{--bg: #0b0f1a;--surface: #131826;--surface-2: #0e1320;--text: #f1f3f8;--muted: #8d96a8;--border: rgba(255, 255, 255, .12)}html[data-html-editor-theme=dark] body.layout{background:#0b0f1a;color:#f1f3f8}html[data-html-editor-theme=dark] .ou-header{background:#0b0f1ad1!important;border-bottom-color:#ffffff1f!important}html[data-html-editor-theme=dark] .ou-header__brand,html[data-html-editor-theme=dark] .ou-header__btn{color:#f1f3f8!important}html[data-html-editor-theme=dark] .ou-header__btn{background:#ffffff14!important;border-color:#ffffff24!important}html[data-html-editor-theme=dark] .ou-burger span{background:#ffffffc7!important}html[data-html-editor-theme=dark] .sf{background:#131826b8!important;border-top-color:#ffffff1f!important}.html-editor-page *,.html-editor-page *:before,.html-editor-page *:after{box-sizing:border-box}.html-editor-page button,.html-editor-page textarea,.html-editor-page input,.html-editor-page select{color:inherit;font:inherit}.html-editor-page button{cursor:pointer}.html-editor-page a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-feature-settings:"zero","ss01"}.shell{width:min(1480px,calc(100% - var(--gutter) * 2));margin:0 auto}.html-editor-page.is-focus-mode .shell{padding-top:28px;padding-bottom:36px}.html-editor-page.is-focus-mode .hero,.html-editor-page.is-focus-mode .seo{display:none}.hero{padding:30px 0 36px;max-width:960px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:6px 10px 6px 8px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--text-2);font-size:12px;letter-spacing:.01em}.eyebrow .pulse{width:7px;height:7px;border-radius:999px;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 18%,transparent)}.hero h1{margin:0 0 18px;font-size:clamp(40px,6vw,76px);line-height:.98;letter-spacing:-.035em;font-weight:700;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--muted);font-weight:600}.hero p.lede{margin:0;max-width:960px;color:var(--text-2);font-size:17px;line-height:1.55;text-wrap:pretty}.hero-meta{display:flex;flex-wrap:wrap;gap:28px;margin-top:15px;padding-top:22px;border-top:1px solid var(--line)}.hero-meta-item{display:grid;gap:4px}.hero-meta-item .k{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.hero-meta-item .v{font-size:14px;color:var(--text);font-weight:500}.html-editor-page .btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--text);font-size:13px;font-weight:500;line-height:1;white-space:nowrap;box-shadow:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.html-editor-page .btn:hover{border-color:var(--line-2);background:color-mix(in srgb,var(--surface) 80%,var(--surface-3));text-decoration:none}.html-editor-page .btn:active{transform:translateY(1px)}.html-editor-page .btn.is-hidden{display:none}.html-editor-page .btn-primary{color:#fff;background:var(--text);border-color:var(--text)}.html-editor-page .btn-primary:hover{background:#000;border-color:#000}.html-editor-page .btn-accent{color:#fff;background:var(--accent);border-color:var(--accent)}.html-editor-page .btn-accent:hover{color:#fff;background:var(--accent-ink);border-color:var(--accent-ink)}.html-editor-page .btn.btn-accent,.html-editor-page .btn.btn-accent:hover,.html-editor-page .btn.btn-accent:focus-visible{color:#fff}.html-editor-page .btn-ghost{background:transparent}.html-editor-page .btn-danger{color:var(--red)}.html-editor-page .btn .ico{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}.html-editor-page .btn-sm{min-height:30px;padding:0 11px;font-size:12px}.editor-app{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.app-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.app-head-l{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.app-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:-.005em}.app-title .dot{width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 16%,transparent)}.app-meta{display:flex;align-items:center;gap:12px;min-width:0;color:var(--muted);font-size:12px}.app-meta .sep{color:var(--faint)}.app-head-r{display:flex;align-items:center;gap:6px;flex:none}.toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}.tool-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.tool-divider{width:1px;height:20px;background:var(--line);margin:0 4px;flex:none}.tool-row .switch-wrap{display:inline-flex;align-items:center;gap:8px;padding-left:4px;color:var(--muted);font-size:12px;white-space:nowrap}.switch{width:36px;height:20px;border:0;border-radius:999px;background:var(--line-2);padding:2px;transition:background .15s ease;flex:none;position:relative}.switch span{display:block;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .18s ease}.switch.active,.switch.is-active{background:var(--accent)}.switch.active span,.switch.is-active span{transform:translate(16px)}.tags-panel{display:none;padding:10px 14px 12px;border-bottom:1px solid var(--line);background:var(--surface-2)}.tags-panel.open,.tags-panel.is-open{display:block}.tags-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}.tag-group-inline{display:inline-flex;align-items:center;gap:6px;padding:4px 0}.tag-group-title{color:var(--muted);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-right:2px;white-space:nowrap}.tag-divider{width:1px;height:16px;background:var(--line);flex:none}.tag-chip{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text-2);padding:4px 7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;line-height:1;transition:.14s ease}.tag-chip:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.tags-close{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:11px;padding:4px 6px;border-radius:6px}.tags-close:hover{color:var(--text);background:var(--surface)}.workspace{display:grid;grid-template-columns:minmax(420px,1fr) 12px minmax(390px,.9fr);height:660px;min-height:660px}.pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--surface)}.pane+.pane{border-left:1px solid var(--line)}.workspace-resizer{position:relative;z-index:3;min-width:12px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--surface);cursor:col-resize;touch-action:none;outline:0}.workspace-resizer:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:56px;border-radius:2px;background:var(--line-2);transform:translate(-50%,-50%);transition:background .15s ease,height .15s ease}.workspace-resizer:hover,.workspace-resizer:focus-visible,.workspace-resizer.is-active{background:var(--accent-soft)}.workspace-resizer:hover:before,.workspace-resizer:focus-visible:before,.workspace-resizer.is-active:before{height:78px;background:var(--accent)}.html-editor-page.is-resizing,.html-editor-page.is-resizing *{cursor:col-resize!important;user-select:none!important}.html-editor-page.is-resizing .preview-frame{pointer-events:none}.pane-head{min-height:48px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface)}.tabs{display:flex;align-items:stretch;gap:0;min-width:0;overflow-x:auto;margin:0 -14px;padding:0 8px}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;border:0;border-radius:0;background:transparent;color:var(--muted);padding:14px 12px 13px;font-size:13px;font-weight:500;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:-.01em;transition:color .14s ease}.tab:hover{color:var(--text-2)}.tab.active,.tab.is-active{color:var(--text)}.tab.active:after,.tab.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px}.pane-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}.pane-meta strong{color:var(--text);font-family:Inter,system-ui;font-size:13px;font-weight:600}.pane-meta .sep{color:var(--faint)}.editor-frame{position:relative;flex:1;min-height:0;height:100%;display:grid;grid-template-columns:52px minmax(0,1fr);background:var(--code-bg);color:var(--code-text);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.6;font-size:13px;overflow:hidden}.editor-copy-btn{position:absolute;top:10px;right:20px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0e1320c7;color:var(--code-text);box-shadow:0 8px 22px -14px #000000b3;backdrop-filter:blur(12px);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.editor-copy-btn:hover,.editor-copy-btn:focus-visible{border-color:#ffffff47;background:#2a5bffe6;color:#fff;outline:0}.editor-copy-btn:active{transform:translateY(1px)}.editor-copy-btn .ico{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.tag-suggestion{position:absolute;z-index:5;display:none;align-items:center;gap:7px;max-width:280px;padding:5px 7px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0e1320e6;color:var(--code-text);box-shadow:0 12px 26px -18px #000000e6;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1;white-space:nowrap;pointer-events:none;backdrop-filter:blur(12px)}.tag-suggestion.is-visible{display:inline-flex}.tag-suggestion-fill{color:#9bb4ff}.tag-suggestion-key{padding:2px 5px;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:var(--code-faint);background:#ffffff0f;font-size:10px}.line-numbers{margin:0;height:100%;min-height:0;padding:18px 12px 18px 14px;text-align:right;color:var(--code-faint);border-right:1px solid var(--code-line);overflow:hidden;user-select:none;white-space:pre}.editor{width:100%;height:100%;min-height:0;resize:none;border:0;outline:0;padding:18px 18px 18px 16px;background:transparent;color:var(--code-text);caret-color:#fff;font:inherit;line-height:inherit;tab-size:2;white-space:pre;overflow:auto}.editor::selection{background:#6f8eff59}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid var(--code-line);background:var(--code-bg);color:var(--code-faint);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;letter-spacing:.01em}.preview-tools{display:flex;align-items:center;gap:8px}.preview-tools .btn-sm{width:32px;padding:0}.device-toggle{display:inline-flex;align-items:center;gap:0;padding:3px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2)}.device-toggle button{border:0;border-radius:var(--r-pill);color:var(--muted);background:transparent;padding:5px 11px;font-size:12px;font-weight:500;transition:.14s ease}.device-toggle button:hover{color:var(--text-2)}.device-toggle button.active,.device-toggle button.is-active{color:var(--text);background:var(--surface);box-shadow:0 1px #0f17290f,0 1px 2px #0f172914}.preview-area{flex:1;min-height:0;padding:20px 24px;display:grid;align-items:stretch;justify-items:center;overflow:auto;background-color:var(--surface-2);background-image:radial-gradient(circle,var(--line-2) 1px,transparent 1px);background-size:18px 18px}.preview-shell{position:relative;flex:none;width:100%;max-width:none;height:100%;min-height:0;border:1px solid var(--line-2);border-radius:12px;background:#fff;overflow:hidden;box-shadow:var(--shadow-soft);transition:width .2s ease,height .2s ease}.preview-shell.tablet,.preview-shell.is-tablet{width:768px;max-width:100%;height:100%}.preview-shell.mobile,.preview-shell.is-mobile{width:390px;max-width:100%;height:100%}.preview-shell.is-custom-size{align-self:start;justify-self:center;max-width:none}.preview-frame{width:100%;height:100%;border:0;background:#fff}.preview-resize-handle{position:absolute;z-index:3;opacity:.22;transition:opacity .15s ease,background .15s ease;touch-action:none;outline:0}.preview-resize-handle:hover,.preview-resize-handle:focus-visible,.preview-resize-handle.is-active{opacity:1}.preview-resize-handle-x{top:0;right:0;width:10px;height:100%;cursor:ew-resize;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--accent) 42%,transparent))}.preview-resize-handle-y{left:0;right:0;bottom:0;height:10px;cursor:ns-resize;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--accent) 42%,transparent))}.preview-resize-handle-corner{right:0;bottom:0;width:26px;height:26px;cursor:nwse-resize}.preview-resize-handle-corner:before{content:"";position:absolute;right:6px;bottom:6px;width:12px;height:12px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);border-radius:0 0 4px}.preview-resize-handle-corner:after{content:"";position:absolute;right:10px;bottom:10px;width:7px;height:7px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);border-radius:0 0 3px}.html-editor-page.is-resizing-preview,.html-editor-page.is-resizing-preview *{cursor:inherit!important;user-select:none!important}.html-editor-page.is-resizing-preview .preview-shell{transition:none}.html-editor-page.is-resizing-preview .preview-frame{pointer-events:none}.seo{padding:56px 0 8px;max-width:980px}.seo-eyebrow{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.seo h2{margin:0 0 28px;font-size:clamp(28px,3.2vw,38px);line-height:1.05;letter-spacing:-.025em;font-weight:600;text-wrap:balance}.seo h3{margin:28px 0 10px;font-size:17px;letter-spacing:-.01em;font-weight:600}.seo p{margin:0 0 14px;color:var(--text-2);font-size:15px;line-height:1.65;text-wrap:pretty}.seo p .mono{font-size:13.5px}.seo ul{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:8px}.seo ul li{position:relative;padding-left:22px;color:var(--text-2);font-size:15px;line-height:1.55}.seo ul li:before{content:"";position:absolute;left:4px;top:10px;width:8px;height:1.5px;background:var(--accent)}.seo ul li strong{color:var(--text);font-weight:600}.seo-rule{margin:36px 0 28px;height:1px;background:var(--line);border:0}.faq{display:grid;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq details:last-child{border-bottom:0}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;font-weight:500;letter-spacing:-.005em;color:var(--text)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:14px;font-weight:400;flex:none;transition:transform .2s ease}.faq details[open] summary:after{content:"−";transform:rotate(180deg);color:var(--text);border-color:var(--line-2)}.faq details p{margin:12px 0 0;font-size:14.5px;color:var(--text-2);line-height:1.6}.drawer-backdrop{position:fixed;inset:0;z-index:80;background:#0f17296b;opacity:0;pointer-events:none;transition:.22s ease}.drawer-backdrop.open,.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;z-index:90;width:min(420px,calc(100% - 20px));height:100vh;border-left:1px solid var(--line);background:var(--surface);box-shadow:-26px 0 80px #0f172938;transform:translate(105%);transition:.24s ease;display:flex;flex-direction:column}.drawer.open,.drawer.is-open{transform:translate(0)}.drawer-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-head h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.015em}.drawer-body{padding:22px;overflow:auto;display:grid;gap:22px}.drawer-section{display:grid;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.drawer-section:last-child{border-bottom:0;padding-bottom:0}body.no-scroll{overflow:hidden}.drawer-section h3{margin:0 0 4px;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.check-row,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-2);font-size:13px}.check-row label{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.check-row input{width:16px;height:16px;accent-color:var(--accent)}.hint{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:120;display:grid;gap:8px;width:min(340px,calc(100% - 40px));pointer-events:none}.toast,.html-editor-toast{padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft);font-size:13px;line-height:1.45;animation:toastIn .2s ease both;transition:opacity .2s ease,transform .2s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-bar{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:45;padding:6px;gap:6px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.mobile-bar .btn{flex:1}.editor-app:fullscreen{border-radius:0;min-height:100vh}.editor-app:fullscreen .workspace{height:calc(100vh - 125px);min-height:calc(100vh - 125px)}#previewPane:fullscreen{height:100vh;background:var(--surface)}#previewPane:fullscreen .preview-area{min-height:calc(100vh - 49px)}#previewPane:fullscreen .preview-shell{max-width:none;height:100%}#previewPane:fullscreen .preview-shell.tablet,#previewPane:fullscreen .preview-shell.is-tablet{width:768px;max-width:calc(100vw - 48px)}#previewPane:fullscreen .preview-shell.mobile,#previewPane:fullscreen .preview-shell.is-mobile{width:390px;max-width:calc(100vw - 48px)}#previewPane:fullscreen .preview-shell.is-custom-size{max-width:none}@media(max-width:1180px){.workspace{grid-template-columns:1fr;height:auto;min-height:0}.workspace-resizer{display:none}.preview-area{min-height:560px}.preview-shell,.preview-shell.tablet,.preview-shell.is-tablet,.preview-shell.mobile,.preview-shell.is-mobile{height:520px}.pane+.pane{border-left:0;border-top:1px solid var(--line)}#previewPane{border-top:1px solid var(--line)}}@media(max-width:920px){.toolbar{grid-template-columns:1fr}.tool-row{justify-content:flex-start}.app-head{flex-wrap:wrap}}@media(max-width:720px){.html-editor-page{--gutter: 18px}.hero{padding:30px 0 28px}.hero h1{font-size:clamp(36px,11vw,52px)}.hero-meta{gap:18px}.editor-app{border-radius:14px}.app-head{gap:10px;padding:12px}.app-head-r{width:100%;flex:1 1 100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-head-r::-webkit-scrollbar,.toolbar .tool-row::-webkit-scrollbar{display:none}.app-head-r .btn{width:34px;min-width:34px;padding:0;gap:0;font-size:0}.app-head-r .btn .ico{width:15px;height:15px}.toolbar{gap:8px;padding:10px 12px;overflow:hidden}.toolbar .tool-row{flex-wrap:nowrap;justify-content:flex-start!important;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.toolbar .btn{width:38px;min-width:38px;padding:0;gap:0;font-size:0}.toolbar .btn .ico{width:16px;height:16px}.toolbar .switch-wrap{min-height:36px;padding:0 4px;gap:0;font-size:0}.toolbar .switch-wrap .switch{width:38px;height:22px}.toolbar .tool-divider{height:24px;margin:0 2px}.pane-head{flex-direction:column;align-items:stretch;padding:10px 14px;gap:8px}.editor-frame{grid-template-columns:40px minmax(0,1fr);font-size:12px}.editor{height:420px;min-height:0;padding:14px}.preview-area{min-height:460px;padding:18px}.preview-shell,.preview-shell.tablet,.preview-shell.is-tablet,.preview-shell.mobile,.preview-shell.is-mobile{height:420px}.mobile-bar{display:flex}.toast-wrap{bottom:86px}}