@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";@font-face{font-family:Noto Serif SC;src:url(https://raw.githubusercontent.com/eternityspring/article-tools/main/fonts/NotoSerifSC-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Serif SC;src:url(https://raw.githubusercontent.com/eternityspring/article-tools/main/fonts/NotoSerifSC-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Serif SC;src:url(https://raw.githubusercontent.com/eternityspring/article-tools/main/fonts/NotoSerifSC-Black.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:FFMiSans;src:url(https://raw.githubusercontent.com/eternityspring/article-tools/main/fonts/MiSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(https://raw.githubusercontent.com/eternityspring/article-tools/main/fonts/JetBrainsMono-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FFXinXiHei;src:url(https://cdn.jsdelivr.net/gh/jaywcjlove/free-font@main/docs/fonts/%E9%9C%9E%E9%B9%9C/%E9%BB%91%E4%BD%93/%E9%9C%9E%E9%B9%9C%E6%96%B0%E6%99%B0%E9%BB%91.ttf)format("truetype");font-display:swap}@font-face{font-family:FFNanoFlat;src:url(https://cdn.jsdelivr.net/gh/jaywcjlove/free-font@main/docs/fonts/%E7%BA%B3%E7%B1%B3%E5%AD%97%E5%BA%93/%E7%BA%B3%E7%B1%B3%E6%89%81%E7%95%8C%E9%BB%91.ttf)format("truetype");font-display:swap}@font-face{font-family:FFXiangCube;src:url(https://cdn.jsdelivr.net/gh/jaywcjlove/free-font@main/docs/fonts/%E5%85%B6%E4%BB%96%E5%AD%97%E4%BD%93/%E4%B9%A1%E7%AB%8B%E6%96%B9%E9%BB%91%E4%BD%93.ttf)format("truetype");font-display:swap}@font-face{font-family:FFJingang;src:url(https://cdn.jsdelivr.net/gh/jaywcjlove/free-font@main/docs/fonts/%E5%85%B6%E4%BB%96%E5%AD%97%E4%BD%93/%E5%88%9B%E5%AE%A2%E8%B4%B4%E9%87%91%E5%88%9A%E4%BD%933.0.ttf)format("truetype");font-display:swap}@font-face{font-family:FFManHei;src:url(https://cdn.jsdelivr.net/gh/jaywcjlove/free-font@main/docs/fonts/%E9%9C%9E%E9%B9%9C/%E9%BB%91%E4%BD%93/%E9%9C%9E%E9%B9%9C%E6%BC%AB%E9%BB%91.ttf)format("truetype");font-display:swap}@font-face{font-family:FFPmzdTitle;src:url(https://cdn.jsdelivr.net/gh/jaywcjlove/free-font@main/docs/fonts/%E5%BA%9E%E9%97%A8%E6%AD%A3%E9%81%93%E5%AD%97%E4%BD%93%E7%B3%BB%E5%88%97/%E5%BA%9E%E9%97%A8%E6%AD%A3%E9%81%93%E6%A0%87%E9%A2%98%E4%BD%93.ttf)format("truetype");font-display:swap}@font-face{font-family:FFZcoolGdh;src:url(https://cdn.jsdelivr.net/gh/jaywcjlove/free-font@main/docs/fonts/%E7%AB%99%E9%85%B7%E5%AD%97%E4%BD%93%E7%B3%BB%E5%88%97/%E7%AB%99%E9%85%B7%E9%AB%98%E7%AB%AF%E9%BB%91.ttf)format("truetype");font-display:swap}@font-face{font-family:FFAliPuHuiHeavy;src:url(https://cdn.jsdelivr.net/gh/jaywcjlove/free-font@main/docs/fonts/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E6%99%AE%E6%83%A0%E4%BD%93/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E6%99%AE%E6%83%A0%E4%BD%93-Heavy.ttf)format("truetype");font-display:swap}.cover-tool-panel{--cm-bg:color-mix(in srgb, var(--bg,#fafafa) 96%, transparent);--cm-surface:var(--surface,#fff);--cm-surface-soft:var(--surface-soft,#f8fafc);--cm-border:var(--border,#e4e4e7);--cm-border-strong:color-mix(in srgb, var(--border,#e4e4e7) 92%, #9ca3af 8%);--cm-border-soft:var(--border-soft,#f4f4f5);--cm-text:var(--text,#1f2937);--cm-muted:var(--text-muted,#6b7280);--cm-muted-2:color-mix(in srgb, var(--text-muted,#6b7280) 85%, transparent);--cm-primary:var(--primary,#2563eb);--cm-primary-strong:var(--primary-hover,#1d4ed8);--cm-primary-soft:color-mix(in srgb, var(--primary,#2563eb) 14%, var(--cm-surface));--cm-primary-soft-2:color-mix(in srgb, var(--primary,#2563eb) 10%, var(--cm-surface-soft));--cm-primary-outline:color-mix(in srgb, var(--primary,#2563eb) 28%, transparent);--cm-control-text:color-mix(in srgb, var(--cm-text) 78%, var(--cm-muted));--cm-outline:color-mix(in srgb, var(--cm-muted) 88%, var(--cm-surface));--cm-deco-icon:color-mix(in srgb, var(--cm-text) 70%, var(--cm-muted));--cm-cover-shadow:0 8px 32px #0000001f;--cm-card-shadow-hover:0 2px 8px #00000014;padding:0;overflow:hidden}html[data-theme=dark] .cover-tool-panel{--cm-bg:color-mix(in srgb, var(--bg,#0f1117) 90%, #000 10%);--cm-primary-soft:color-mix(in srgb, var(--primary,#2563eb) 26%, transparent);--cm-primary-soft-2:color-mix(in srgb, var(--primary,#2563eb) 18%, transparent);--cm-primary-outline:color-mix(in srgb, var(--primary,#2563eb) 45%, transparent);--cm-cover-shadow:0 10px 28px #00000073;--cm-card-shadow-hover:0 6px 16px #0000005c}.cm-root{background:var(--cm-bg);width:100%;min-width:0;height:calc(100dvh - 146px);min-height:calc(100dvh - 146px);color:var(--cm-text);grid-template-rows:44px minmax(0,1fr) auto;display:grid}.cm-header{background:var(--cm-surface);border-bottom:1px solid var(--cm-border);align-items:center;gap:10px;padding:0 12px;display:flex}.cm-title{font-size:13px;font-weight:700}.cm-ratio-chip{color:var(--cm-muted);background:var(--cm-surface-soft);border-radius:6px;padding:2px 8px;font-size:11px}.cm-header-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.cm-layout{grid-template-columns:300px minmax(0,1fr) 300px;grid-template-areas:"side-left main side-right";align-items:stretch;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.cm-side{background:var(--cm-surface);min-width:0;padding:10px 12px 16px;overflow:auto}.cm-side-left{border-right:1px solid var(--cm-border);grid-area:side-left}.cm-side-right{border-left:1px solid var(--cm-border);z-index:2;grid-area:side-right;position:relative}.cm-section{border-bottom:1px solid var(--cm-border-soft);gap:8px;padding:12px 0;display:grid}.cm-section:last-child{border-bottom:0}.cm-section input,.cm-section textarea,.cm-section select{border:1px solid var(--cm-border-strong);background:var(--cm-surface);width:100%;min-height:34px;color:var(--cm-text);border-radius:8px;padding:6px 10px;font-size:13px;transition:border-color .16s,box-shadow .16s}.cm-section input:focus,.cm-section textarea:focus,.cm-section select:focus{border-color:var(--cm-primary);box-shadow:0 0 0 2px var(--cm-primary-outline);outline:0}.cm-section textarea{resize:vertical;min-height:68px}.cm-section-head{color:var(--cm-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.cm-toggle-btn{border:1px solid var(--cm-border-strong);background:var(--cm-surface-soft);color:var(--cm-muted);cursor:pointer;border-radius:6px;padding:2px 8px;font-size:11px}.cm-toggle-btn.is-on{background:var(--cm-primary-soft);border-color:var(--cm-primary);color:var(--cm-primary-strong)}.cm-slider-row{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.cm-slider-row label,.cm-slider-row span{color:var(--cm-muted);font-size:12px}.cm-slider-row input[type=range]{min-height:auto;padding:0}.cm-source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.cm-source-thumb{border:1.5px solid var(--cm-border);background:var(--cm-surface-soft);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;min-height:52px;padding:4px;display:flex}.cm-source-thumb.is-active{border-color:var(--cm-primary);background:var(--cm-primary-soft)}.cm-source-thumb img{aspect-ratio:5/2;object-fit:cover;border-radius:4px;width:100%}.cm-source-thumb span{color:var(--cm-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:3px;font-size:9px;overflow:hidden}.cm-source-thumb.is-active span{color:var(--cm-primary-strong)}.cm-source-upload{color:var(--cm-muted-2);border-style:dashed}.cm-ai-generate-btn{justify-content:center;width:100%;min-height:34px}.cm-ai-candidates{gap:6px;display:grid}.cm-ai-candidate{border:1px solid var(--cm-border);background:var(--cm-surface-soft);width:100%;color:var(--cm-text);text-align:left;cursor:pointer;border-radius:8px;gap:3px;padding:8px;display:grid}.cm-ai-candidate:hover,.cm-ai-candidate:focus-visible{border-color:var(--cm-primary);box-shadow:0 0 0 2px var(--cm-primary-outline);outline:0}.cm-ai-candidate strong{font-size:12px;line-height:1.3}.cm-ai-candidate span{color:var(--cm-muted);font-size:11px;line-height:1.3}.cm-main{z-index:1;grid-area:main;min-width:0;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.cm-cover-stage{place-items:center;width:100%;height:100%;min-height:0;padding:16px;display:grid;overflow:hidden;container:cover-stage/size}.cm-cover-wrap{place-items:center;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;margin:0 auto;display:grid;overflow:hidden}.cm-cover{width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:var(--cm-cover-shadow);background:var(--c-bg);font-family:var(--c-font);border-radius:10px;align-items:center;display:flex;position:relative;overflow:hidden;container-type:inline-size}.cm-deco-grid{pointer-events:none;position:absolute;inset:0}.cm-deco-grid.classic{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:5cqi 5cqi}.cm-deco-grid.cyberpunk{background-image:linear-gradient(#ef44440d 1px,#0000 1px),linear-gradient(90deg,#ef44440d 1px,#0000 1px);background-size:5cqi 5cqi}.cm-deco-grid.sphere{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:5cqi 5cqi}.cm-deco-grid.prism{background-image:linear-gradient(120deg,#ffffff0d 20%,#0000 20% 42%,#ffffff0d 42% 44%,#0000 44%),linear-gradient(300deg,#ffffff0a 25%,#0000 25% 60%,#ffffff0a 60% 62%,#0000 62%);background-size:15cqi 15cqi,18cqi 18cqi}.cm-deco-grid.orbit{background-image:radial-gradient(circle at 76%,#ffffff14 0%,#0000 36%),linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:auto,5cqi 5cqi,5cqi 5cqi}.cm-deco-grid.blueprint{background-image:linear-gradient(#bfdbfe0f 1px,#0000 1px),linear-gradient(90deg,#bfdbfe0f 1px,#0000 1px);background-size:4cqi 4cqi}.cm-deco-grid.aurora{background-image:linear-gradient(140deg,#ffffff06,#0000 55%),linear-gradient(320deg,#ffffff08,#0000 60%)}.cm-deco-scan{pointer-events:none;background:repeating-linear-gradient(#0000,#0000 4px,#ef44440a 4px 5px);position:absolute;inset:0}.cm-deco-line{background:linear-gradient(#0000,#fff9,#0000);width:3px;height:33cqi;position:absolute;top:50%;left:6cqi;transform:translateY(-50%)}.cm-deco-line.cp{background:linear-gradient(to bottom, transparent, var(--c-accent), transparent);width:2px}.cm-deco-line.cp:after{content:"";background:var(--c-accent);width:6px;height:6px;box-shadow:0 0 8px var(--c-accent);border-radius:50%;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.cm-deco-circle{border:1.5px solid #ffffff1f;border-radius:50%;width:23cqi;height:23cqi;position:absolute;top:-12cqi;right:-5cqi}.cm-deco-circle:after{content:"";border:1.5px solid #ffffff14;border-radius:50%;position:absolute;inset:2.8cqi}.cm-deco-circle.cp{border-color:#ef44441f;width:22cqi;height:22cqi;top:-10cqi;right:-4cqi}.cm-deco-circle.cp:after{border-color:#ef444412;inset:2.5cqi}.cm-deco-blob{background:radial-gradient(circle, var(--c-blob) 0%, transparent 70%);border-radius:50%;width:30cqi;height:30cqi;position:absolute;bottom:-8cqi;right:-8cqi}.cm-deco-blob.cp{width:28cqi;height:28cqi;bottom:-6cqi;right:-6cqi}.cm-deco-sphere-el{width:25cqi;height:25cqi;box-shadow:inset 0 0 20px var(--c-glow1), 0 0 30px var(--c-glow2);border:1px dashed #ffffff26;border-radius:50%;animation:10s infinite alternate cm-sphere-pulse;position:absolute;top:50%;right:12cqi;transform:translateY(-50%)}.cm-deco-sphere-el:after{content:"";background:radial-gradient(circle, var(--c-blob) 0%, transparent 70%);border:2px solid #ffffff1a;border-radius:50%;position:absolute;inset:3cqi}@keyframes cm-sphere-pulse{0%{transform:translateY(-50%)scale(1)}to{transform:translateY(-50%)scale(1.05)}}.cm-hud{border-top:1px solid var(--c-accent);border-left:1px solid var(--c-accent);opacity:.6;width:4cqi;height:4cqi;position:absolute}.cm-hud-tl{top:2cqi;left:2cqi}.cm-hud-tr{top:2cqi;right:2cqi;transform:scaleX(-1)}.cm-hud-bl{bottom:2cqi;left:2cqi;transform:scaleY(-1)}.cm-hud-br{bottom:2cqi;right:2cqi;transform:scale(-1)}.cm-deco-dots{grid-template-columns:repeat(5,.25cqi);gap:.65cqi;display:grid;position:absolute;bottom:10cqi;right:6.5cqi}.cm-deco-dots span{background:#ffffff40;border-radius:50%;width:.25cqi;height:.25cqi;display:block}.cm-deco-dots-cp{grid-template-columns:repeat(8,.22cqi);gap:.5cqi;display:grid;position:absolute;bottom:2.5cqi;left:6.5cqi}.cm-deco-dots-cp span{background:#ef444440;border-radius:50%;width:.22cqi;height:.22cqi;display:block}.cm-deco-code{color:#ef44441f;text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:1.3cqi;line-height:1.9;position:absolute;top:50%;right:3cqi;transform:translateY(-50%)}.cm-deco-circuit{align-items:flex-end;gap:1.2cqi;display:flex;position:absolute;bottom:5cqi;right:5cqi}.cm-deco-circuit span{background:#fff3;border-radius:3px;width:.6cqi;display:block}.cm-deco-dots-sp{grid-template-columns:repeat(4,.3cqi);gap:.8cqi;display:grid;position:absolute;top:8cqi;right:6.5cqi}.cm-deco-dots-sp span{background:#fff6;border-radius:50%;width:.3cqi;height:.3cqi;display:block}.cm-deco-prism-beams{background:linear-gradient(128deg, transparent 20%, color-mix(in srgb, var(--c-accent) 75%, white 25%) 48%, transparent 74%), linear-gradient(155deg, transparent 36%, color-mix(in srgb, var(--c-glow1) 85%, white 15%) 58%, transparent 84%);opacity:.45;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:-12% -10%}.cm-deco-prism-ring{width:26cqi;height:16cqi;box-shadow:0 0 24px var(--c-glow1);border:1px solid #fff3;border-radius:50%;position:absolute;top:50%;right:8cqi;transform:translateY(-50%)rotate(-12deg)}.cm-deco-prism-sparks{grid-template-columns:repeat(7,.35cqi);gap:.7cqi;display:grid;position:absolute;bottom:7cqi;left:7cqi}.cm-deco-prism-sparks span{background:color-mix(in srgb, var(--c-accent) 70%, white 30%);width:.35cqi;height:.35cqi;box-shadow:0 0 10px var(--c-glow1);opacity:.8;border-radius:50%}.cm-deco-orbit-trace{background:linear-gradient(90deg,#ffffff14,#ffffff80,#0000);width:22cqi;height:1px;position:absolute;top:50%;left:6cqi;transform:translateY(-50%)}.cm-deco-orbit-core{background:radial-gradient(circle, color-mix(in srgb, var(--c-accent) 65%, white 35%) 0%, var(--c-blob) 34%, transparent 74%);width:11cqi;height:11cqi;box-shadow:0 0 22px var(--c-glow1);border-radius:50%;position:absolute;top:50%;right:12cqi;transform:translateY(-50%)}.cm-deco-orbit-ring{border:1px dashed #ffffff3d;border-radius:50%;position:absolute;top:50%;right:9.5cqi;transform:translateY(-50%)}.cm-deco-orbit-ring.r1{width:16cqi;height:16cqi;transform:translateY(-50%)rotate(14deg)}.cm-deco-orbit-ring.r2{width:24cqi;height:12cqi;transform:translateY(-50%)rotate(-24deg)}.cm-deco-orbit-node{background:color-mix(in srgb, var(--c-accent) 72%, white 28%);width:.9cqi;height:.9cqi;box-shadow:0 0 10px var(--c-accent);border-radius:50%;position:absolute}.cm-deco-orbit-node.n1{top:41%;right:22cqi}.cm-deco-orbit-node.n2{top:63%;right:8.8cqi}.cm-deco-blueprint-frame{border:1px solid #bfdbfe38;border-radius:.8cqi;position:absolute;inset:2.8cqi}.cm-deco-blueprint-frame:before{content:"";border:1px dashed #bfdbfe33;border-radius:.6cqi;position:absolute;inset:1.6cqi}.cm-deco-blueprint-axis{background:linear-gradient(#0000,#bfdbfe73,#0000);width:1px;position:absolute;top:7cqi;bottom:7cqi;left:7cqi}.cm-deco-blueprint-axis:after{content:"";background:linear-gradient(90deg,#bfdbfe73,#0000);width:18cqi;height:1px;position:absolute;bottom:2.8cqi;left:0}.cm-deco-blueprint-points{grid-template-columns:repeat(6,.25cqi);gap:.6cqi;display:grid;position:absolute;top:7cqi;right:7cqi}.cm-deco-blueprint-points span{background:#bfdbfe6b;border-radius:50%;width:.25cqi;height:.25cqi}.cm-deco-aurora-band{filter:blur(2px);mix-blend-mode:screen;opacity:.68;border-radius:50%;position:absolute}.cm-deco-aurora-band.b1{background:linear-gradient(120deg, transparent 6%, var(--c-glow1) 42%, transparent 82%);width:50cqi;height:24cqi;top:-4cqi;right:-14cqi;transform:rotate(-8deg)}.cm-deco-aurora-band.b2{background:linear-gradient(70deg, transparent 10%, var(--c-glow2) 48%, transparent 85%);width:48cqi;height:22cqi;bottom:-8cqi;left:-12cqi;transform:rotate(12deg)}.cm-deco-aurora-haze{background:radial-gradient(circle, var(--c-blob) 0%, transparent 68%);opacity:.45;border-radius:50%;width:28cqi;height:28cqi;position:absolute;top:50%;right:10cqi;transform:translateY(-50%)}.cm-deco-aurora-stars{grid-template-columns:repeat(5,.28cqi);gap:.8cqi;display:grid;position:absolute;top:7cqi;right:7cqi}.cm-deco-aurora-stars span{background:#ffffff73;border-radius:50%;width:.28cqi;height:.28cqi}.cm-deco-food-rim{pointer-events:none;background:linear-gradient(150deg,#ffffff0d 0%,#0000 42%);border:1px solid #ffffff29;border-radius:1.3cqi;position:absolute;inset:2.4cqi}.cm-deco-food-plate{aspect-ratio:1;background:radial-gradient(circle at 35% 32%, #ffffff73 0%, #fff0 36%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c-accent) 64%, #fff1db 36%) 0%, color-mix(in srgb, var(--c-accent) 52%, transparent) 56%, transparent 72%);width:21cqi;box-shadow:inset 0 0 0 1.2cqi #ffffff24, 0 0 26px color-mix(in srgb, var(--c-glow1) 78%, transparent);pointer-events:none;border:1.4px solid #ffffff4d;border-radius:50%;position:absolute;top:50%;right:7.5cqi;transform:translateY(-50%)}.cm-deco-food-plate:before{content:"";border:1px dashed #ffffff59;border-radius:50%;position:absolute;inset:4.4cqi}.cm-deco-food-stick{pointer-events:none;background:linear-gradient(#fff1d9,#d6a773);border-radius:999px;width:.62cqi;height:13cqi;position:absolute;right:20.6cqi;box-shadow:0 0 6px #0000002e}.cm-deco-food-stick.s1{top:29%;transform:rotate(23deg)}.cm-deco-food-stick.s2{top:33%;right:18.8cqi;transform:rotate(17deg)}.cm-deco-food-steam{pointer-events:none;gap:1.3cqi;display:flex;position:absolute;top:18%;right:12.8cqi}.cm-deco-food-steam span{opacity:.66;border-top:1px solid #ffffff3d;border-bottom:0;border-left:0;border-right:1px solid #ffffff3d;border-radius:999px;width:1.5cqi;height:6.2cqi;display:block;transform:rotate(-20deg)}.cm-cover-content{z-index:2;width:100%;padding-left:10cqi;padding-right:6.5cqi;position:relative}.cm-deco-minimal .cm-cover-content{text-align:left;padding-left:8.5cqi;padding-right:35cqi}.cm-deco-minimal .cm-label{letter-spacing:.14em;background:#ffffff24;border-color:#ffffff4d}.cm-deco-minimal h1{text-shadow:0 8px 26px #00000038}.cm-deco-minimal .cm-subtitle{opacity:.92}.cm-label{letter-spacing:.2em;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-bottom:1.6cqi;padding:.35cqi 1cqi;display:inline-block}.cm-deco-cyberpunk .cm-label{letter-spacing:.25em;background:#dc26261f;border-color:#ef444440;border-radius:4px;align-items:center;gap:.6cqi;display:inline-flex;font-size:1.7cqi!important}.cm-deco-cyberpunk .cm-label:before{content:"▶";color:var(--c-accent);opacity:.8;font-size:1.2cqi}.cm-cover h1{color:var(--c-title);letter-spacing:-.01em;margin:0;font-weight:900}.cm-deco-cyberpunk h1{text-shadow:0 0 40px #ef444426}.cm-deco-sphere .cm-label{box-shadow:0 0 15px var(--c-glow1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-color:#fff6}.cm-deco-sphere h1{text-shadow:0 4px 20px #00000026, 0 0 40px var(--c-glow1)}.cm-deco-prism .cm-label,.cm-deco-orbit .cm-label,.cm-deco-aurora .cm-label{background:#ffffff24;border-color:#ffffff59}.cm-deco-prism h1{text-shadow:0 0 28px color-mix(in srgb, var(--c-accent) 38%, transparent)}.cm-deco-orbit h1{text-shadow:0 0 26px color-mix(in srgb, var(--c-glow1) 45%, transparent)}.cm-deco-blueprint .cm-label{letter-spacing:.16em;border-radius:6px}.cm-deco-blueprint h1{letter-spacing:0;text-shadow:0 0 20px #bfdbfe29}.cm-deco-aurora h1{text-shadow:0 0 34px color-mix(in srgb, var(--c-glow2) 55%, transparent)}.cm-subtitle{margin:0}.cm-meta{z-index:2;align-items:center;gap:1cqi;font-size:1.5cqi;display:flex;position:absolute;bottom:1cqi;right:1.2cqi}.cm-meta:before,.cm-meta:after{content:"";width:3cqi;height:1px}.cm-meta:before{background:linear-gradient(to right, transparent, var(--c-meta-line))}.cm-meta:after{background:linear-gradient(to left, transparent, var(--c-meta-line))}.cm-deco-cyberpunk .cm-meta{font-size:1.4cqi;bottom:2.8cqi;right:3cqi}.cm-cover-img{object-fit:contain;z-index:3;width:auto;position:absolute;top:50%;transform:translateY(-50%)}.cm-presets{background:var(--cm-surface);border-top:1px solid var(--cm-border);z-index:3;grid-row:3;padding:10px 20px 12px;position:relative}.cm-presets-title{color:var(--cm-muted-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px}.cm-presets-list{scrollbar-width:thin;flex-wrap:nowrap;gap:8px;padding-bottom:2px;display:flex;overflow:auto hidden}.cm-preset-card{border:1.5px solid var(--cm-border);background:var(--cm-surface-soft);text-align:left;cursor:pointer;border-radius:7px;flex-direction:column;flex:none;gap:6px;width:116px;padding:6px;transition:all .15s;display:flex}.cm-preset-card:hover{border-color:color-mix(in srgb, var(--cm-primary) 45%, transparent);background:var(--cm-primary-soft-2);box-shadow:var(--cm-card-shadow-hover);transform:translateY(-1px)}.cm-preset-card.is-active{border-color:var(--cm-primary);background:var(--cm-primary-soft);box-shadow:0 0 0 2px var(--cm-primary-outline)}.cm-preset-thumb{aspect-ratio:5/2;border-radius:4px;width:100%;position:relative;overflow:hidden}.cm-thumb-glow{position:absolute;inset:0}.cm-thumb-line{background:linear-gradient(#0000,#ffffffa6,#0000);border-radius:1px;width:2px;height:70%;position:absolute;top:15%;left:10%}.cm-thumb-circle{border:1px solid #ffffff24;border-radius:50%;width:42%;height:140%;position:absolute;top:-20%;right:-5%}.cm-thumb-scan{background:repeating-linear-gradient(#0000,#0000 3px,#ffffff0a 3px 4px);position:absolute;inset:0}.cm-thumb-hud{opacity:.75;border-top:1.5px solid;border-left:1.5px solid;width:18%;height:55%;position:absolute}.cm-thumb-hud-tl{top:8%;left:8%}.cm-thumb-hud-br{bottom:8%;right:8%;transform:rotate(180deg)}.cm-thumb-sphere{aspect-ratio:1;border:1px dashed #ffffff47;border-radius:50%;width:36%;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.cm-thumb-food-plate{aspect-ratio:1;border:1px solid #ffffff61;border-radius:50%;width:34%;position:absolute;top:50%;right:8%;transform:translateY(-50%);box-shadow:inset 0 0 0 5px #ffffff26}.cm-thumb-food-stick{background:#ffffffbd;border-radius:2px;width:2px;height:38%;position:absolute;top:36%;left:20%}.cm-thumb-food-stick.s1{transform:rotate(24deg)}.cm-thumb-food-stick.s2{left:24%;transform:rotate(16deg)}.cm-thumb-prism{opacity:.8;position:absolute;inset:-8% -10%}.cm-thumb-ring{border:1px solid #ffffff59;border-radius:50%;width:34%;height:54%;position:absolute;top:50%;right:6%;transform:translateY(-50%)}.cm-thumb-orbit{aspect-ratio:1;background:radial-gradient(circle,#ffffffe6,#ffffff3d 45%,#0000 75%);border-radius:50%;width:16%;position:absolute;top:50%;right:16%;transform:translateY(-50%)}.cm-thumb-orbit-ring{border:1px dashed #ffffff61;border-radius:50%;width:36%;height:56%;position:absolute;top:50%;right:7%;transform:translateY(-50%)rotate(-18deg)}.cm-thumb-blueprint{background-image:linear-gradient(#bfdbfe38 1px,#0000 1px),linear-gradient(90deg,#bfdbfe38 1px,#0000 1px);background-size:10px 10px;border:1px solid #bfdbfe66;border-radius:4px;position:absolute;inset:12% 8%}.cm-thumb-aurora{opacity:.72;position:absolute;inset:-8% -14%}.cm-thumb-stars{opacity:.9;background-image:radial-gradient(circle,#ffffff8c 1px,#0000 1.2px);background-size:5px 5px;width:22%;height:24%;position:absolute;top:20%;right:10%}.cm-preset-meta{gap:1px;display:grid}.cm-preset-meta strong{font-size:11px}.cm-preset-meta small{color:var(--cm-muted);font-size:9px}.cm-preset-card.is-active .cm-preset-meta strong{color:var(--cm-primary-strong)}.cm-preset-card.is-active .cm-preset-meta small{color:color-mix(in srgb, var(--cm-primary) 78%, white 22%)}.cm-color-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.cm-color-modes{gap:10px;display:grid}.cm-color-mode{gap:6px;display:grid}.cm-color-mode-label{color:var(--cm-muted);font-size:11px;font-weight:600}.cm-color-btn{cursor:pointer;border:2px solid #0000;border-radius:6px;height:24px}.cm-color-btn.is-active{border-color:var(--cm-text)}.cm-color-custom{border-style:dashed;border-color:color-mix(in srgb, var(--cm-border-strong) 80%, var(--cm-primary) 20%);background-image:linear-gradient(135deg,#ffffff1f 25%,#0000 25% 50%,#ffffff1f 50% 75%,#0000 75%,#0000);background-size:8px 8px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.cm-color-custom-swatch{background:var(--cm-custom-color,#2563eb);border-radius:4px;position:absolute;inset:4px 4px 10px}.cm-color-custom-icon{border:1px solid var(--cm-border);background:var(--cm-surface);width:14px;height:14px;color:var(--cm-muted);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:1px;right:3px}.cm-color-custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.cm-color-edit{gap:10px;display:grid}.cm-text-setting-row{grid-template-columns:1fr;gap:6px;display:grid}.cm-text-setting-name{color:var(--cm-muted);font-size:12px}.cm-text-setting-controls{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.cm-text-setting-controls input[type=color]{background:0 0;border:0;width:32px;height:28px;min-height:28px;padding:0}.cm-text-setting-controls select{border:1px solid var(--cm-border-strong);background:var(--cm-surface-soft);width:100%;min-height:30px;color:var(--cm-text);border-radius:7px;padding:4px 8px;font-size:12px}.cm-deco-pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cm-deco-btn{border:1px solid var(--cm-border-strong);background:var(--cm-surface-soft);cursor:pointer;min-height:48px;color:var(--cm-control-text);border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:600;transition:all .16s;display:inline-flex}.cm-deco-btn:hover{border-color:color-mix(in srgb, var(--cm-primary) 45%, transparent);background:var(--cm-primary-soft-2)}.cm-deco-icon{color:var(--cm-deco-icon);font-size:20px;line-height:1}.cm-deco-btn.is-active{border-color:var(--cm-primary);background:var(--cm-primary-soft);color:var(--cm-primary-strong);box-shadow:0 0 0 1px var(--cm-primary) inset}.cm-deco-btn.is-active .cm-deco-icon{color:var(--cm-primary-strong)}.cm-ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cm-ratio-btn{appearance:none;cursor:pointer;min-height:96px;color:var(--cm-muted);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px;font-size:13px;transition:all .16s;display:inline-flex}.cm-ratio-btn:hover{background:var(--cm-primary-soft-2)}.cm-ratio-icon-wrap{justify-content:center;align-items:center;min-height:42px;display:inline-flex}.cm-ratio-outline{border:2px solid var(--cm-outline);border-radius:4px;display:inline-flex}.cm-ratio-text{font-size:13px;font-weight:600;line-height:1.1}.cm-ratio-hint{color:var(--cm-muted-2);text-align:center;font-size:10px;font-weight:500;line-height:1.2}.cm-ratio-btn.is-active{background:var(--cm-primary-soft);color:var(--cm-primary-strong)}.cm-ratio-btn.is-active .cm-ratio-outline{border-color:var(--cm-primary-strong)}.cm-ratio-btn.is-active .cm-ratio-hint{color:color-mix(in srgb, var(--cm-primary-strong) 78%, transparent)}@media (width<=1440px){.cm-layout{grid-template-columns:270px minmax(0,1fr) 270px}}@media (width<=1024px){.cm-root{grid-template-rows:auto minmax(0,1fr) auto;height:calc(100dvh - 130px);min-height:calc(100dvh - 130px)}.cm-layout{grid-template:"main""side-left""side-right"/1fr;overflow:auto}.cm-side-left,.cm-side-right{border:0;border-bottom:1px solid var(--cm-border)}.cm-cover-stage{padding:10px}}.cover-tool-panel{border-radius:var(--radius-md)}.cm-root{grid-template-rows:46px minmax(0,1fr) auto;height:calc(100dvh - 146px);min-height:calc(100dvh - 146px)}.cm-header{gap:12px;padding:0 14px}.cm-title{font-size:14px}.cm-ratio-chip{border-radius:4px;min-height:20px;padding:0 7px;font-size:11px}.cm-side{padding:12px 14px 16px}.cm-section{gap:8px;padding:12px 0}.cm-section input,.cm-section textarea,.cm-section select,.cm-text-setting-controls select{min-height:var(--control-h-md,34px);border-radius:8px;padding:6px 10px;font-size:13px}.cm-section input:focus,.cm-section textarea:focus,.cm-section select:focus{border-width:2px;padding:5px 9px}.cm-section textarea{min-height:72px}.cm-toggle-btn{border-radius:4px;min-height:30px;padding:0 8px}.cm-source-thumb{min-height:52px}.cm-text-setting-controls input[type=color]{width:32px;height:28px;min-height:28px}.cm-deco-btn{border-radius:8px;gap:6px;min-height:40px;padding:0 10px;font-size:13px}.cm-deco-icon{font-size:18px}.cm-ratio-btn{border-radius:10px;gap:4px;min-height:90px;padding:7px 6px}.cm-ratio-icon-wrap{min-height:36px}.cm-ratio-text{font-size:12px}.cm-ratio-hint{font-size:10px}@media (width<=1366px) and (width>=1025px){.cm-root{height:calc(100dvh - 138px);min-height:calc(100dvh - 138px)}.cm-layout{grid-template-columns:clamp(220px,22vw,242px) minmax(0,1fr) clamp(220px,22vw,242px)}.cm-header{gap:10px;padding:0 12px}.cm-title{font-size:13px}.cm-side{padding:10px 12px 14px}.cm-section{gap:8px;padding:12px 0}.cm-section input,.cm-section textarea,.cm-section select,.cm-text-setting-controls select{min-height:var(--control-h-md,34px);padding:6px 10px}.cm-section input:focus,.cm-section textarea:focus,.cm-section select:focus{padding:5px 9px}.cm-section textarea{min-height:68px}.cm-cover-stage{padding:8px}}@media (width<=1180px) and (width>=1025px){.cm-layout{grid-template-columns:clamp(208px,23vw,226px) minmax(0,1fr) clamp(208px,23vw,226px)}.cm-cover-stage{padding:6px}}@media (width<=1024px){.cm-root{grid-template-rows:auto minmax(0,1fr) auto;height:calc(100dvh - 130px);min-height:calc(100dvh - 130px)}}.cm-root-v2{grid-template-rows:40px minmax(0,1fr) auto}.cm-topbar{background:var(--cm-surface);border-bottom:1px solid var(--cm-border);justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:0 10px;display:flex}.cm-topbar-brand{align-items:center;gap:8px;min-width:0;display:inline-flex}.cm-topbar-title{color:var(--cm-text);white-space:nowrap;font-size:13px;font-weight:700}.cm-topbar-chip{color:var(--cm-muted);background:var(--cm-surface-soft);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:11px}.cm-topbar-actions{align-items:center;gap:4px;display:inline-flex}.cm-topbar-divider{background:var(--cm-border);width:1px;height:16px;margin:0 4px}.cm-topbar-btn{width:28px;height:28px;color:var(--cm-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.cm-topbar-btn:hover:not(:disabled){background:var(--cm-surface-soft);color:var(--cm-text)}.cm-topbar-btn:disabled{opacity:.45;cursor:not-allowed}.cm-topbar-btn.is-primary{background:var(--cm-primary);color:#fff}.cm-topbar-btn.is-primary:hover:not(:disabled){background:color-mix(in srgb, var(--cm-primary) 88%, #000)}.cm-layout-v2{grid-template-columns:48px minmax(0,1fr) 260px;grid-template-areas:"rail main side-right"}.cm-rail{background:var(--cm-surface);border-right:1px solid var(--cm-border);flex-direction:column;grid-area:rail;gap:2px;padding:6px 4px;display:flex;overflow:hidden}.cm-rail-btn{width:40px;height:44px;color:var(--cm-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;transition:background .15s,color .15s;display:flex}.cm-rail-btn:hover{background:var(--cm-surface-soft);color:var(--cm-text)}.cm-rail-btn.is-active{background:var(--cm-primary-soft);color:var(--cm-primary-strong)}.cm-rail-label{white-space:nowrap;font-size:9px;line-height:1}.cm-side-v2{flex-direction:column;padding:0;display:flex;overflow:hidden}.cm-side-v2>.cm-tab{flex-direction:column;flex:1;gap:4px;min-height:0;padding:10px 12px 16px;display:flex;overflow:auto}.cm-side-v2 .cm-section{padding:10px 0}.cm-side-v2 .cm-section:first-child{padding-top:4px}.cm-seg-tabs{background:var(--cm-surface-soft);border-radius:7px;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:4px;padding:3px;display:grid}.cm-seg-tab{color:var(--cm-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 4px;font-size:11px;transition:background .15s,color .15s}.cm-seg-tab:hover{color:var(--cm-text)}.cm-seg-tab.is-active{background:var(--cm-surface);color:var(--cm-primary-strong);box-shadow:0 1px 2px #00000014}.cm-tab-body{flex-direction:column;display:flex}.cm-vis-btn{border:1px solid var(--cm-border-strong);background:var(--cm-surface-soft);width:24px;height:22px;color:var(--cm-muted-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.cm-vis-btn.is-on{background:var(--cm-primary-soft);border-color:var(--cm-primary);color:var(--cm-primary-strong)}.cm-section-hint{color:var(--cm-muted-2);letter-spacing:0;text-transform:none;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:10px;font-weight:400;overflow:hidden}.cm-style-strip{padding-bottom:4px}.cm-style-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;display:grid}.cm-style-color{cursor:pointer;align-items:center;gap:6px;padding:0;display:inline-flex;position:relative}.cm-style-color input[type=color]{border:1px solid var(--cm-border-strong);background:var(--cm-surface);cursor:pointer;border-radius:6px;width:26px;height:26px;min-height:26px;padding:0}.cm-style-color-label{color:var(--cm-muted);font-size:11px}.cm-style-font{min-height:28px \!important;padding:4px 8px \!important;font-size:12px \!important}@media (width<=1280px) and (width>=1025px){.cm-layout-v2{grid-template-columns:44px minmax(0,1fr) 244px}.cm-rail-btn{width:36px;height:40px}.cm-rail-label{display:none}.cm-side-v2>.cm-tab{padding:8px 10px 14px}}@media (width<=1024px){.cm-layout-v2{grid-template-columns:44px minmax(0,1fr) 240px}.cm-rail-label{display:none}.cm-rail-btn{width:36px;height:40px}.cm-topbar{padding:0 8px}.cm-topbar-title{font-size:12px}}@media (width<=768px){.cm-layout-v2{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"rail main"}.cm-side-v2{display:none}}.cm-root-v2 .cm-presets{padding:8px 12px 10px}.cm-root-v2 .cm-preset-card{width:104px;padding:5px}.cm-root-v2 .cm-preset-meta strong{font-size:11px}.cm-root-v2 .cm-preset-meta small{font-size:9px}.cm-tab-image .cm-source-thumb{min-height:44px}.cm-tab-image .cm-source-thumb span{display:none}.cm-chip-warning{color:color-mix(in srgb, #92400e 92%, var(--cm-text));background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:8px;align-items:center;gap:6px;margin:4px 0 8px;padding:7px 10px;font-size:11px;line-height:1.3;display:flex}.cm-chip-warning>svg{color:#d97706;flex:none}.cm-chip-warning-text{flex:1;min-width:0}.cm-chip-warning-action{color:#b45309;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:2px;padding:2px 4px;font-size:11px;font-weight:600;display:inline-flex}.cm-chip-warning-action:hover{background:#f59e0b38}html[data-theme=dark] .cm-chip-warning{color:#fcd34d;background:#fbbf241a;border-color:#fbbf244d}html[data-theme=dark] .cm-chip-warning>svg{color:#fbbf24}html[data-theme=dark] .cm-chip-warning-action{color:#fcd34d}html[data-theme=dark] .cm-chip-warning-action:hover{background:#fbbf242e}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--font-headline:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Fira Code", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#7c3aed;--tertiary:#6b7280;--bg:#fafafa;--surface:#fff;--surface-soft:#f8fafc;--text:#1f2937;--text-muted:#6b7280;--border:#e4e4e7;--border-soft:#f4f4f5;--scrollbar-track:transparent;--scrollbar-thumb:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){:root{--scrollbar-thumb:color-mix(in srgb, var(--text-muted) 28%, transparent)}}:root{--scrollbar-thumb-hover:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){:root{--scrollbar-thumb-hover:color-mix(in srgb, var(--text-muted) 42%, transparent)}}:root{--success:#16a34a;--warning:#ca8a04;--error:#dc2626;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-subtle:0 1px 2px #0000000a;--shadow-medium:0 4px 12px #0000000f;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px}html[data-theme=dark]{--bg:#0f1117;--surface:#171a23;--surface-soft:#11141c;--text:#e8ebf1;--text-muted:#a3adc2;--border:#2a3245;--border-soft:#202737;--scrollbar-track:transparent;--scrollbar-thumb:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark]{--scrollbar-thumb:color-mix(in srgb, var(--text-muted) 34%, transparent)}}html[data-theme=dark]{--scrollbar-thumb-hover:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark]{--scrollbar-thumb-hover:color-mix(in srgb, var(--text-muted) 52%, transparent)}}html[data-theme=dark]{--shadow-subtle:0 1px 2px #0000003d;--shadow-medium:0 8px 20px #0000004d}*{box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}html,body,#root{height:100%;min-height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 8% 0%, #2563eb12, transparent 28%), var(--bg);margin:0;line-height:1.6;overflow:hidden}.login-shell{place-items:center;height:100dvh;min-height:100dvh;padding:16px;display:grid;overflow:auto}.login-panel{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);width:min(420px,100vw - 24px);box-shadow:var(--shadow-medium);gap:10px;padding:14px;display:grid}.login-head{gap:8px;display:grid}.login-brand-mark{border:1px solid var(--border-soft);background:var(--surface-soft);width:42px;height:42px;color:var(--primary);border-radius:10px;place-items:center;font-size:13px;font-weight:800;display:inline-grid;overflow:hidden}.login-brand-mark img{object-fit:contain;max-width:78%;max-height:78%}.login-head h1{font-size:20px;font-family:var(--font-headline);margin:0}.login-head p{color:var(--text-muted);margin:-2px 0 0;font-size:13px;line-height:1.5}.login-maintenance{border-radius:var(--radius-md);background:var(--warning);width:fit-content}@supports (color:color-mix(in lab, red, red)){.login-maintenance{background:color-mix(in srgb, var(--warning) 12%, var(--surface))}}.login-maintenance{color:var(--warning);padding:4px 8px;font-size:12px;font-weight:600}.login-foot{justify-content:flex-end;align-items:center;gap:10px;display:flex}.login-foot a{color:var(--text-muted);font-size:12px;text-decoration:none}.login-foot a:hover{color:var(--primary)}button,input,select,textarea{font:inherit}code,pre,kbd{font-family:var(--font-mono)}.app-shell{grid-template-columns:clamp(208px,20vw,252px) minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.sidebar{align-content:start;gap:var(--space-2);min-height:0;max-height:100dvh;padding:var(--space-3);border-right:1px solid var(--border-soft);background:var(--surface);display:grid;overflow:hidden}.brand-head{align-items:center;gap:10px;display:flex}.brand-logo{border:1px solid var(--border-soft);background:var(--surface-soft);width:34px;height:34px;color:var(--primary);border-radius:9px;flex:none;place-items:center;font-size:11px;font-weight:800;display:inline-grid;overflow:hidden}.brand-logo img{object-fit:contain;max-width:78%;max-height:78%}.brand-copy{gap:2px;min-width:0;display:grid}.brand-head h1{font-family:var(--font-headline);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:800;overflow:hidden}.search-wrap{align-items:center;gap:var(--space-1);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:16px minmax(0,1fr) auto;min-height:36px;padding:8px 12px;display:grid}.search-wrap:focus-within{border:2px solid var(--primary);padding:7px 11px}.search-wrap span{color:var(--tertiary);font-size:14px}.search-wrap input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:14px}.search-wrap kbd{border-radius:var(--radius-sm);border:1px solid var(--border);min-width:30px;height:20px;color:var(--text-muted);background:var(--surface);justify-content:center;align-items:center;padding:0 6px;font-size:11px;display:inline-flex}.side-nav{gap:6px;display:grid}.nav-item{border-radius:var(--radius-md);height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;padding:0 10px;transition:background-color .16s,color .16s;display:flex}.nav-main{align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.nav-item:hover{background:var(--border-soft)}.nav-item.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.nav-item.is-active{border-color:color-mix(in srgb, var(--primary) 35%, transparent)}}.nav-item.is-active{color:var(--primary);background:#eff6ff}html[data-theme=dark] .nav-item.is-active{background:#2563eb2e}.workspace{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.sidebar-backdrop{display:none}.topbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-soft);background:var(--surface);display:flex}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;position:sticky;top:0}.topbar-main{align-items:center;gap:8px;min-width:0;display:inline-flex}.sidebar-toggle-btn{display:none}.overline{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:600}.topbar h2{font-family:var(--font-headline);margin:0;font-size:22px;line-height:1.2}.top-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.content{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;max-height:100%;padding:var(--space-3);gap:var(--space-2);grid-template-columns:minmax(0,1fr);grid-auto-rows:min-content;align-content:start;display:grid;overflow:hidden auto}.content>*{min-width:0}.content.content-editor-workbench{grid-auto-rows:minmax(0,1fr);align-content:stretch;overflow:hidden}.toast{z-index:1200;border-radius:var(--radius-md);border:1px solid var(--border-soft);max-width:min(420px,100vw - 28px);min-height:36px;box-shadow:var(--shadow-medium);align-items:center;padding:8px 12px;font-size:13px;animation:.16s ease-out toast-in;display:inline-flex;position:fixed;top:14px;right:14px}.toast-info{color:var(--primary);background:#eff6ff}.toast-success{color:var(--success);background:#f0fdf4}.toast-error{color:var(--error);background:#fef2f2}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-subtle)}.panel:hover{box-shadow:var(--shadow-medium)}.panel h3{font-family:var(--font-headline);margin:0 0 10px;font-size:18px;line-height:1.3}.form-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.select-action-row{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;display:grid}.field{gap:6px;margin-bottom:10px;display:grid}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:36px;color:var(--text);padding:8px 12px;transition:border-color .16s,box-shadow .16s}.field textarea{resize:vertical;min-height:96px}.field textarea.create-source-input.is-polish{min-height:220px}.field textarea.profile-textarea-compact{min-height:78px}.field textarea.profile-textarea-large{min-height:136px}.profile-draft-panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-soft);gap:10px;margin-bottom:10px;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-draft-panel{background:color-mix(in srgb, var(--surface-soft) 94%, var(--surface))}}.profile-draft-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.profile-draft-head strong{font-size:14px;display:block}.profile-draft-head p{color:var(--text-muted);margin:4px 0 0;font-size:12px;line-height:1.55}.profile-workspace{gap:8px;display:grid}.profile-workspace-head{width:100%;min-width:0;max-width:100%;margin-bottom:0}.profile-workspace-head .list-tabs{flex-wrap:wrap;row-gap:6px;width:100%;min-width:0;max-width:100%}.profile-settings-panel{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;width:100%;min-width:0;max-width:100%}.profile-settings-panel>*{min-width:0}.profile-settings-head{grid-column:1/-1;align-items:flex-start;gap:10px}.profile-setup-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,520px);margin:0;padding:0;list-style:none;display:grid}.profile-setup-steps li{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text-muted);white-space:nowrap;justify-content:center;align-items:center;padding:0 10px;font-size:12px;display:flex}.profile-setup-steps li.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.profile-setup-steps li.is-active{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}}.profile-setup-steps li.is-active{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.profile-setup-steps li.is-active{color:color-mix(in srgb, var(--primary) 80%, var(--text))}}.profile-setup-steps li.is-active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.profile-setup-steps li.is-active{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}}.profile-setup-steps li.is-active{font-weight:600}.profile-settings-card{border-radius:var(--radius-md);border:1px solid var(--border);gap:8px;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-settings-card{border:1px solid color-mix(in srgb, var(--border) 92%, var(--primary) 8%)}}.profile-settings-card{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.profile-settings-card{background:color-mix(in srgb, var(--surface) 92%, var(--surface-soft))}}.profile-settings-card-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-settings-card-head span{color:var(--text-muted);font-size:12px}.profile-settings-card-head strong{font-size:14px}.profile-settings-grid-wide{gap:10px}.profile-settings-grid-wide .field{min-width:0}.profile-field-hint{color:var(--text-muted);margin-top:2px;font-size:12px;line-height:1.5;display:block}.profile-preset-metrics{flex-wrap:wrap;align-items:center;gap:6px;padding:3px 0;display:flex}.profile-preset-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.profile-preset-check{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:16px minmax(0,1fr);align-items:start;gap:8px;min-height:44px;padding:8px 10px;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-preset-check{background:color-mix(in srgb, var(--surface) 95%, var(--surface-soft))}}.profile-preset-check input{width:14px;height:14px;accent-color:var(--primary);margin:2px 0 0}.profile-preset-check span{gap:2px;min-width:0;display:grid}.profile-preset-check strong{color:var(--text);font-size:12px;line-height:1.35}.profile-preset-check small{color:var(--text-muted);font-size:11px;line-height:1.4}.profile-settings-advanced{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);width:100%;max-width:100%}@supports (color:color-mix(in lab, red, red)){.profile-settings-advanced{background:color-mix(in srgb, var(--surface-soft) 90%, var(--surface))}}.profile-settings-advanced{grid-column:1/-1;padding:0 12px 12px}.profile-settings-advanced>summary{cursor:pointer;color:var(--text);align-items:center;min-height:38px;font-size:13px;font-weight:600;list-style:none;display:flex}.profile-settings-advanced>summary::-webkit-details-marker{display:none}.profile-settings-advanced>summary:before{content:"▸";color:var(--text-muted);margin-right:6px;font-size:12px;transition:transform .16s}.profile-settings-advanced[open]>summary:before{transform:rotate(90deg)}.profile-settings-advanced-body{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;width:100%;max-width:100%;display:grid}.profile-settings-advanced-hint{margin:0;padding:2px 0 4px}.profile-settings-advanced .quality-enhancement>div{align-items:flex-start}.profile-settings-panel>.action-row{grid-column:1/-1}.profile-sample-library{gap:8px;display:grid}.profile-sample-library-panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-soft);gap:10px;margin-bottom:10px;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-sample-library-panel{background:color-mix(in srgb, var(--surface-soft) 94%, var(--surface))}}.profile-sample-library-toolbar{grid-template-columns:minmax(0,2fr) minmax(0,180px);align-items:end;gap:10px;display:grid}.profile-sample-library-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.profile-sample-library-head strong{font-size:13px}.profile-sample-list{gap:6px;max-height:520px;padding-right:4px;overflow:auto}.profile-sample-meta{gap:3px;display:grid}.profile-sample-meta small{color:var(--text-muted);line-height:1.5}.profile-sample-empty{padding:8px 0 0}.profile-sample-pagination{justify-content:flex-end}.field input:hover,.field select:hover,.field textarea:hover{border-color:#d4d4d8}.field input:focus,.field select:focus,.field textarea:focus{border:2px solid var(--primary);box-shadow:0 0 0 2px var(--primary);outline:none;padding:7px 11px}@supports (color:color-mix(in lab, red, red)){.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent)}}.action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:600;transition:background-color .16s,color .16s,border-color .16s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{color:#52525b;background:0 0}.btn-step-recommend{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-step-recommend{background:color-mix(in srgb, var(--primary) 12%, var(--surface))}}.btn-step-recommend{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-step-recommend{border-color:color-mix(in srgb, var(--primary) 36%, var(--border))}}.btn-step-recommend{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-step-recommend{color:color-mix(in srgb, var(--primary) 82%, var(--text))}}.btn-step-recommend:hover:not(:disabled){background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-step-recommend:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 20%, var(--surface))}}.btn-step-recommend:hover:not(:disabled){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-step-recommend:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 52%, var(--border))}}.btn-step-generate{background:var(--primary-hover)}@supports (color:color-mix(in lab, red, red)){.btn-step-generate{background:color-mix(in srgb, var(--primary-hover) 88%, var(--primary))}}.btn-step-generate{border-color:var(--primary-hover)}@supports (color:color-mix(in lab, red, red)){.btn-step-generate{border-color:color-mix(in srgb, var(--primary-hover) 70%, #0f172a 8%)}}.btn-step-generate:hover:not(:disabled){background:var(--primary-hover)}@supports (color:color-mix(in lab, red, red)){.btn-step-generate:hover:not(:disabled){background:color-mix(in srgb, var(--primary-hover) 100%, #0f172a 8%)}}.btn-step-index{margin-right:2px;font-size:18px;font-weight:700;line-height:1;transform:translateY(-1px)}.icon-btn{justify-content:center;width:36px;padding:0}.grid-two{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.create-layout,.create-layout-tabbed.create-layout-with-preview{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}.create-layout-tabbed.create-layout-single{grid-template-columns:minmax(0,1fr)}.create-workspace{gap:var(--space-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.create-workspace>*{min-width:0}.create-workspace .panel,.create-workspace .section-head,.create-workspace .list-tabs,.create-workspace .form-grid,.create-workspace .quality-enhancement,.create-workspace .profile-settings-card,.create-workspace .profile-settings-advanced,.create-workspace .profile-settings-advanced-body{min-width:0;max-width:100%}.create-tab-nav-panel{min-width:0;padding-bottom:10px}.create-tab-head{align-items:flex-start;gap:10px;width:100%;max-width:100%;margin-bottom:0}.create-tab-head .list-tabs{flex-wrap:wrap;row-gap:6px;width:100%;min-width:0;max-width:100%}.create-tab-head .tab-count{white-space:nowrap;min-width:auto;padding:0 7px}.create-quality-pane-head{align-items:flex-start;gap:10px}.create-quality-pane-tabs{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.create-quality-pane-tabs .list-tab{white-space:nowrap}.create-stage-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.create-stage-summary-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);gap:4px;min-height:64px;padding:8px 10px;display:grid}.create-stage-summary-item span{color:var(--text-muted);font-size:12px}.create-stage-summary-item strong{color:var(--text);font-size:14px}.template-recommendation-panel{border:1px solid var(--primary);gap:8px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.template-recommendation-panel{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border))}}.template-recommendation-panel{border-radius:var(--radius-md);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.template-recommendation-panel{background:color-mix(in srgb, var(--primary) 5%, var(--surface))}}.template-recommendation-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.template-recommendation-head strong{color:var(--text);font-size:12px}.template-recommendation-head span{color:var(--text-muted);font-size:12px}.template-recommendation-head-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.template-recommendation-reset{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;line-height:1}.template-recommendation-reset:hover{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.template-recommendation-reset:hover{color:color-mix(in srgb, var(--primary) 80%, var(--text))}}.template-recommendation-learning{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.template-recommendation-preference{gap:4px;display:grid}.template-recommendation-preference p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.template-recommendation-list{gap:6px;display:grid}.template-recommendation-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);text-align:left;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;padding:8px 10px;display:flex}.template-recommendation-item:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.template-recommendation-item:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border-soft))}}.template-recommendation-item.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.template-recommendation-item.is-active{border-color:color-mix(in srgb, var(--primary) 46%, var(--border-soft))}}.template-recommendation-item.is-active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.template-recommendation-item.is-active{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}}.template-recommendation-main{gap:4px;min-width:0;display:grid}.template-recommendation-title{align-items:center;gap:6px;min-width:0;display:flex}.template-recommendation-title strong{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.template-recommendation-main p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.template-recommendation-tags{flex-wrap:wrap;gap:4px;display:flex}.template-recommendation-breakdown{color:var(--text-muted);font-size:11px}@supports (color:color-mix(in lab, red, red)){.template-recommendation-breakdown{color:color-mix(in srgb, var(--text-muted) 82%, var(--text))}}.template-recommendation-score{flex-shrink:0}.template-recommendation-side{align-content:start;justify-items:end;gap:6px;display:grid}.template-recommendation-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.template-recommendation-action{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-soft);min-height:22px;color:var(--text-muted);cursor:pointer;padding:0 6px;font-size:11px;line-height:1}.template-recommendation-action:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.template-recommendation-action:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border-soft))}}.template-recommendation-action:hover{color:var(--text)}.template-recommendation-action.is-negative{color:var(--warning)}.template-recommendation-action.is-negative:hover{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.template-recommendation-action.is-negative:hover{border-color:color-mix(in srgb, var(--warning) 35%, var(--border-soft))}}.template-recommendation-action.is-negative:hover{color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.template-recommendation-action.is-negative:hover{color:color-mix(in srgb, var(--warning) 85%, var(--text))}}.template-recommendation-empty{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.admin-grid{align-items:start}.settings-shell{grid-template-columns:180px minmax(0,1fr);gap:12px;height:calc(100dvh - 104px);min-height:0;display:grid}.settings-nav{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);min-height:0;box-shadow:var(--shadow-subtle);padding:8px;overflow:auto}.settings-nav-item{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:2px;padding:9px 10px;display:grid}.settings-nav-item:hover,.settings-nav-item.is-active{color:var(--text);background:var(--surface-soft)}.settings-nav-item.is-active{color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.settings-nav-item.is-active{background:color-mix(in srgb, var(--primary) 12%, var(--surface))}}.settings-nav-item span{font-size:13px;font-weight:700}.settings-nav-item small{color:var(--text-muted);font-size:11px}.settings-content{min-width:0;min-height:0}.settings-content .crud-shell{height:100%}.settings-panel{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);height:100%;min-height:0;box-shadow:var(--shadow-subtle);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.settings-panel-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.settings-panel-head h3,.settings-section h4{color:var(--text);margin:0;font-size:15px;line-height:1.3}.settings-panel-head p{color:var(--text-muted);margin:3px 0 0;font-size:12px}.settings-form-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-content:start;gap:12px;min-height:0;padding:12px;display:grid;overflow:auto}.settings-section{border:1px solid var(--border-soft);background:var(--surface);border-radius:10px;gap:10px;padding:12px;display:grid}.settings-logo-card{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:12px;display:grid}.settings-logo-preview{aspect-ratio:1;border:1px dashed var(--border);background:var(--surface-soft);width:104px;color:var(--text-muted);border-radius:10px;place-items:center;display:grid;overflow:hidden}.settings-logo-preview img{object-fit:contain;max-width:82%;max-height:82%}.settings-logo-fields{gap:8px;display:grid}.settings-upload-btn{justify-content:center;min-height:36px;position:relative;overflow:hidden}.settings-upload-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.settings-upload-btn.is-disabled{opacity:.55;pointer-events:none}.settings-toggle{border:1px solid var(--border-soft);min-height:38px;color:var(--text);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.settings-toggle span{align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.settings-toggle input{width:18px;height:18px;accent-color:var(--primary)}.section-head{justify-content:space-between;align-items:center;gap:var(--space-1);min-height:28px;margin-bottom:10px;display:flex}.section-head h3{margin:0}.section-head-tabs{align-items:center;gap:8px}.list-tabs{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);align-items:center;gap:4px;min-height:34px;padding:2px;display:inline-flex}.list-tab{min-height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.list-tab:hover{color:var(--text);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.list-tab:hover{background:color-mix(in srgb, var(--surface) 80%, transparent)}}.list-tab.is-active{color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.list-tab.is-active{background:color-mix(in srgb, var(--primary) 14%, var(--surface))}}html[data-theme=dark] .list-tab.is-active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark] .list-tab.is-active{background:color-mix(in srgb, var(--primary) 28%, transparent)}}.tab-count{border-radius:var(--radius-full);min-width:18px;min-height:18px;color:var(--text-muted);background:var(--border-soft);justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tab-count{background:color-mix(in srgb, var(--border-soft) 85%, var(--surface))}}.list-tab.is-active .tab-count{color:currentColor;background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.list-tab.is-active .tab-count{background:color-mix(in srgb, var(--primary) 16%, var(--surface))}}.list-view{margin:var(--space-2) 0 0;border-top:1px solid var(--border-soft);padding:0;list-style:none}.list-view li{justify-content:space-between;align-items:center;gap:var(--space-1);border-bottom:1px solid var(--border-soft);cursor:default;min-height:42px;padding:8px 0;display:flex}.list-view li.is-selected{border-radius:var(--radius-md);cursor:pointer;background:#eff6ff;border-bottom-color:#0000;padding-inline:10px}.list-view li p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.list-view li strong{font-size:14px;font-weight:500}.model-list-view li{cursor:default}.multi-select{min-height:130px;padding:6px}.multi-select option{min-height:28px;padding:4px 6px}.permission-manager{gap:8px;max-height:360px;display:grid;overflow:auto}.permission-group{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);padding:8px}.permission-group-head{justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-bottom:8px;display:flex}.permission-group-title{align-items:center;gap:6px;display:inline-flex}.permission-group-title strong{font-size:13px;font-weight:600}.permission-group-actions{align-items:center;gap:6px;display:inline-flex}.btn-xs{min-height:24px;padding:0 8px;font-size:12px;font-weight:500}.permission-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.permission-item{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:16px minmax(0,1fr);align-items:flex-start;gap:8px;min-height:36px;padding:6px 8px;display:grid}.permission-item input[type=checkbox]{margin-top:2px}.permission-item span{color:var(--text);font-size:12px;font-weight:500;line-height:1.35;display:block}.permission-item code{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.35;display:block}.permission-manager.is-readonly .permission-item{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.permission-manager.is-readonly .permission-item{background:color-mix(in srgb, var(--surface) 72%, var(--surface-soft))}}.permission-manager.is-readonly .permission-item input[type=checkbox]{pointer-events:none}.empty-panel{text-align:center;place-items:center;gap:10px;min-height:220px;display:grid}.empty-panel p{color:var(--text-muted);margin:0;font-size:13px}.modal-mask{z-index:1250;background:#0f172a6b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);width:min(920px,100vw - 24px);max-height:calc(100dvh - 24px);box-shadow:var(--shadow-medium);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.modal-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;min-height:48px;padding:8px 12px;display:flex}.modal-head h3{font-family:var(--font-headline);margin:0;font-size:16px}.modal-body{padding:12px;overflow:auto}.modal-foot{border-top:1px solid var(--border-soft);justify-content:flex-end;align-items:center;gap:8px;min-height:52px;padding:8px 12px;display:flex}.preview{border:1px solid var(--border);border-radius:var(--radius-lg);min-height:360px;padding:var(--space-2);background:var(--surface)}.code-shell{margin-top:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:inset 0 0 0 1px var(--border);overflow:hidden}.preview-actions{justify-content:flex-end}.quality-panel{margin-bottom:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface-soft), var(--surface));padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.quality-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 92%, var(--surface)), var(--surface))}}.quality-panel{gap:10px;display:grid}.quality-summary-line{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.quality-summary-line strong{font-size:14px;font-weight:700}.quality-enhancement{border-radius:var(--radius-md);border:1px solid var(--primary);gap:6px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.quality-enhancement{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border))}}.quality-enhancement{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.quality-enhancement{background:color-mix(in srgb, var(--primary) 6%, var(--surface))}}.quality-enhancement>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quality-enhancement>div span{color:var(--text-muted);font-size:12px}.quality-enhancement>div strong{font-size:13px}.quality-enhancement p{color:var(--text-muted);margin:0;font-size:12px}.quality-autofix{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12px;display:flex}.quality-fingerprint{border-radius:var(--radius-md);border:1px solid var(--warning);gap:8px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.quality-fingerprint{border:1px solid color-mix(in srgb, var(--warning) 18%, var(--border))}}.quality-fingerprint{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.quality-fingerprint{background:color-mix(in srgb, var(--warning) 7%, var(--surface))}}.quality-fingerprint-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.quality-fingerprint-head>div{gap:4px;display:grid}.quality-fingerprint-head>div span{color:var(--text-muted);font-size:12px}.quality-fingerprint-head>div strong{font-size:13px;line-height:1.5}.quality-dimensions{flex-wrap:wrap;gap:6px;display:flex}.quality-dimensions span{border-radius:var(--radius-full);border:1px solid var(--border-soft);background:var(--surface);min-height:22px;color:var(--text-muted);align-items:center;padding:0 8px;font-size:11px;display:inline-flex}.quality-issues{gap:8px;margin:0;padding:0;list-style:none;display:grid}.quality-issues li{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface);gap:4px;padding:10px 12px;display:grid}.quality-issue-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.quality-issues li p,.quality-issues li small{color:var(--text-muted);margin:0;font-size:12px;line-height:1.55}.quality-issues-compact li{gap:3px;padding:8px 10px}.quality-severity-high{background:var(--error)}@supports (color:color-mix(in lab, red, red)){.quality-severity-high{background:color-mix(in srgb, var(--error) 12%, transparent)}}.quality-severity-high{color:var(--error)}.quality-severity-medium{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.quality-severity-medium{background:color-mix(in srgb, var(--warning) 14%, transparent)}}.quality-severity-medium{color:var(--warning)}.quality-severity-low{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.quality-severity-low{background:color-mix(in srgb, var(--primary) 10%, transparent)}}.quality-severity-low{color:var(--primary)}.quality-score-high{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.quality-score-high{background:color-mix(in srgb, var(--success) 14%, transparent)}}.quality-score-high{color:var(--success)}.quality-score-good{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.quality-score-good{background:color-mix(in srgb, var(--primary) 14%, transparent)}}.quality-score-good{color:var(--primary)}.quality-score-mid{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.quality-score-mid{background:color-mix(in srgb, var(--warning) 14%, transparent)}}.quality-score-mid{color:var(--warning)}.quality-score-low{background:var(--error)}@supports (color:color-mix(in lab, red, red)){.quality-score-low{background:color-mix(in srgb, var(--error) 12%, transparent)}}.quality-score-low{color:var(--error)}.quality-empty{place-items:start}.learning-panel p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.6}.code-toolbar{background:var(--surface-soft);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;min-height:32px;padding:0 8px;display:flex}.code-toolbar span{color:var(--text-muted);font-size:12px}.copy-btn{opacity:0}.code-shell:hover .copy-btn{opacity:1}.code-shell pre{padding:var(--space-2);white-space:pre-wrap;word-break:break-word;color:var(--text);margin:0;font-size:14px;line-height:1.7}.editor-textarea{width:100%;min-height:320px;padding:var(--space-2);resize:vertical;color:var(--text);font:inherit;white-space:pre-wrap;background:0 0;border:0;font-size:14px;line-height:1.7}.editor-textarea:focus{outline:none}.method-badge,.chip{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:4px;min-height:20px;padding:0 8px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.method-badge{font-family:var(--font-mono)}.method-get{color:var(--success);background:#f0fdf4}.method-post{color:var(--primary);background:#eff6ff}.method-put{color:var(--warning);background:#fff7ed}.method-delete{color:var(--error);background:#fef2f2}.chip-neutral{background:var(--border-soft);color:var(--text-muted);border-radius:var(--radius-full)}.chip-success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.chip-success{background:color-mix(in srgb, var(--success) 14%, transparent)}}.chip-success{color:var(--success);border-radius:var(--radius-full)}.chip-warning{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.chip-warning{background:color-mix(in srgb, var(--warning) 14%, transparent)}}.chip-warning{color:var(--warning);border-radius:var(--radius-full)}.chip-saas{background:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.chip-saas{background:color-mix(in srgb, var(--secondary) 16%, transparent)}}.chip-saas{color:var(--secondary);border-radius:var(--radius-full)}.muted-text{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-workbench{gap:var(--space-2);grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.editor-hero-panel{justify-content:space-between;align-items:center;gap:var(--space-2);background:linear-gradient(135deg, var(--primary), transparent 42%), var(--surface);min-height:52px;padding:8px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.editor-hero-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent 42%), var(--surface)}}.editor-hero-titlebar{align-items:center;gap:8px;min-width:0;display:flex}.editor-hero-panel h3{white-space:nowrap;margin:0;font-size:18px;line-height:1.2}.editor-hero-version{color:var(--text-muted);vertical-align:text-top;margin-left:4px;font-size:10px;font-weight:600;line-height:1}.editor-hero-actions{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex;overflow-x:auto}.editor-action-group{flex:none;align-items:center;gap:6px;display:inline-flex}.editor-action-group+.editor-action-group{border-left:1px solid var(--border-soft);padding-left:8px}.editor-action-group-copy .btn-primary{box-shadow:inset 0 0 0 1px #ffffff2e}.editor-hero-panel .btn{white-space:nowrap;flex:none;min-height:34px;padding:6px 10px;font-size:12px}.editor-hero-meta{color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.editor-hero-meta span{border-radius:var(--radius-full);width:9px;height:9px;box-shadow:0 0 0 3px var(--surface)}@supports (color:color-mix(in lab, red, red)){.editor-hero-meta span{box-shadow:0 0 0 3px color-mix(in srgb, var(--surface) 82%, transparent)}}.editor-hero-meta em{color:var(--primary);font-size:11px;font-style:normal}.editor-tool-group{gap:4px;min-width:0;display:grid}.editor-tool-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.editor-tool-head strong{color:var(--text);font-size:12px;line-height:1}.editor-side-tools{gap:8px;margin-bottom:10px;display:grid}.editor-side-tool-group{position:relative}.editor-side-tool-actions{align-items:center;gap:6px;display:inline-flex}.btn.editor-side-tool-more{border-radius:var(--radius-full);height:24px;min-height:24px;color:var(--primary);gap:3px;padding:0 7px;font-size:12px;font-weight:650}@supports (color:color-mix(in lab, red, red)){.btn.editor-side-tool-more{color:color-mix(in srgb, var(--primary) 76%, var(--text))}}.btn.editor-side-tool-more{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn.editor-side-tool-more{border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}}.btn.editor-side-tool-more{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn.editor-side-tool-more{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}}.btn.editor-side-tool-more:hover:not(:disabled){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn.editor-side-tool-more:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 46%, var(--border))}}.btn.editor-side-tool-more:hover:not(:disabled){background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn.editor-side-tool-more:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 14%, var(--surface))}}.btn.editor-side-tool-more:focus-visible{outline:2px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn.editor-side-tool-more:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 38%, transparent)}}.btn.editor-side-tool-more:focus-visible{outline-offset:1px}.btn.editor-side-tool-more strong{font-weight:700}.btn.editor-side-tool-more.is-active{color:var(--primary);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn.editor-side-tool-more.is-active{border-color:color-mix(in srgb, var(--primary) 52%, var(--border))}}.btn.editor-side-tool-more.is-active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn.editor-side-tool-more.is-active{background:color-mix(in srgb, var(--primary) 17%, var(--surface))}}.editor-component-list.editor-component-list-side{grid-template-columns:repeat(3,66px);justify-content:center}.editor-component-list.editor-component-list-side button{min-width:66px}.editor-theme-card-list-side{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-side-tool-popover{z-index:70;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-large);padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0}.editor-side-tool-popover .editor-component-list-side,.editor-side-tool-popover .editor-theme-card-list-side{max-height:none;overflow:visible}.editor-grid{gap:var(--space-2);grid-template-columns:260px minmax(0,1fr) 300px;align-items:stretch;min-height:0;display:grid;overflow:hidden}.editor-side-panel,.editor-props-panel,.editor-canvas-panel{min-width:0;min-height:0;padding-top:10px;padding-bottom:10px}.editor-side-panel,.editor-props-panel{overscroll-behavior:contain;overflow-y:auto}.editor-canvas-panel{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.editor-component-list{grid-template-columns:repeat(auto-fill,66px);justify-content:flex-start;gap:4px;display:grid}.editor-component-list button{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft);width:66px;min-height:38px;color:var(--text);text-align:center;cursor:pointer;place-items:center;gap:1px;padding:4px 2px 3px;display:grid;position:relative}.editor-component-list button:hover,.editor-component-list button:focus-visible{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-component-list button:hover,.editor-component-list button:focus-visible{border-color:color-mix(in srgb, var(--primary) 38%, var(--border))}}.editor-component-list button:hover,.editor-component-list button:focus-visible{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-component-list button:hover,.editor-component-list button:focus-visible{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}}.editor-component-list strong{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.1;display:block;overflow:hidden}.editor-theme-card-list{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));align-items:stretch;gap:4px;display:grid}.editor-theme-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft);width:100%;min-width:0;min-height:38px;color:var(--text);text-align:center;cursor:pointer;grid-template-rows:8px auto;place-items:center;gap:3px;padding:4px 2px 3px;display:grid;position:relative}.editor-theme-card:hover,.editor-theme-card:focus-visible,.editor-theme-card.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-theme-card:hover,.editor-theme-card:focus-visible,.editor-theme-card.is-active{border-color:color-mix(in srgb, var(--primary) 44%, var(--border))}}.editor-theme-card:hover,.editor-theme-card:focus-visible,.editor-theme-card.is-active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-theme-card:hover,.editor-theme-card:focus-visible,.editor-theme-card.is-active{background:color-mix(in srgb, var(--primary) 7%, var(--surface))}}.editor-theme-card.is-active{box-shadow:0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-theme-card.is-active{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent)}}.editor-theme-card.is-preview:not(.is-active){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-theme-card.is-preview:not(.is-active){border-color:color-mix(in srgb, var(--primary) 28%, var(--border))}}.editor-theme-swatch{border-radius:var(--radius-full);width:20px;height:6px}.editor-theme-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;line-height:1.1;display:block;overflow:hidden}.editor-portal-tooltip{z-index:220;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--text);width:max-content;max-width:220px;color:var(--surface);box-shadow:var(--shadow-medium);pointer-events:none;text-align:left;white-space:normal;padding:7px 9px;font-size:12px;font-weight:500;line-height:1.45;position:fixed}.editor-checks{margin-top:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.editor-checks div{border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border-soft);gap:2px;min-height:46px;padding:7px 8px;font-size:12px;display:grid}.editor-checks span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.editor-checks strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.editor-check-success{border-color:var(--success)!important}@supports (color:color-mix(in lab, red, red)){.editor-check-success{border-color:color-mix(in srgb, var(--success) 34%, var(--border-soft))!important}}.editor-check-error{border-color:var(--danger,#dc2626)!important}@supports (color:color-mix(in lab, red, red)){.editor-check-error{border-color:color-mix(in srgb, var(--danger,#dc2626) 38%, var(--border-soft))!important}}.editor-check-info{border-color:var(--border-soft)}.editor-compat-panel{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft);gap:6px;margin-top:10px;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.editor-compat-panel{background:color-mix(in srgb, var(--surface-soft) 88%, var(--success) 4%)}}.editor-compat-panel span,.editor-compat-panel li,.editor-compat-panel p{color:var(--text-muted);font-size:12px;line-height:1.5}.editor-compat-panel strong{color:var(--text);font-size:13px}.editor-compat-panel ul{margin:0;padding-left:16px}.editor-compat-panel p{margin:0}.editor-draft-status{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft);gap:6px;margin-top:10px;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.editor-draft-status{background:color-mix(in srgb, var(--surface-soft) 86%, var(--primary) 4%)}}.editor-draft-status span{color:var(--text-muted);font-size:12px}.editor-draft-status strong{color:var(--text);font-size:12px;line-height:1.4}.editor-draft-status .btn{justify-content:center;min-height:30px}.editor-server-drafts{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);gap:8px;margin-top:10px;padding:10px;display:grid}.editor-server-drafts-head,.editor-server-draft-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.editor-server-drafts-head span,.editor-server-draft span{color:var(--text-muted);font-size:12px;display:block}.editor-server-drafts-head strong{color:var(--text);margin-top:2px;font-size:12px;display:block}.editor-server-draft-actions .btn{flex:1 1 0;justify-content:center;min-height:30px;padding:6px 8px;font-size:12px}.editor-draft-save-modal{width:min(420px,100vw - 28px)}.editor-server-draft-list{gap:6px;max-height:270px;display:grid;overflow:auto}.editor-server-draft{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-soft);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;padding:7px;display:grid}.editor-server-draft.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-server-draft.is-active{border-color:color-mix(in srgb, var(--primary) 44%, var(--border))}}.editor-server-draft.is-active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-server-draft.is-active{background:color-mix(in srgb, var(--primary) 7%, var(--surface))}}.editor-server-draft>button:first-child{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;padding:0;display:grid}.editor-server-draft strong,.editor-server-draft small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-server-draft strong{font-size:12px}.editor-server-draft small{color:var(--text-muted);font-size:11px}.editor-media-library{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);gap:8px;margin-top:10px;padding:10px;display:grid}.editor-media-upload{justify-content:center;width:100%;min-height:32px}.editor-media-tools{gap:6px;display:grid}.editor-media-ratios{white-space:nowrap;gap:4px;display:flex;overflow-x:auto}.editor-media-ratio{min-height:26px;padding:4px 8px;font-size:11px}.editor-media-ratio.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-media-ratio.is-active{border-color:color-mix(in srgb, var(--primary) 44%, var(--border))}}.editor-media-ratio.is-active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-media-ratio.is-active{background:color-mix(in srgb, var(--primary) 12%, var(--surface))}}.editor-media-ratio.is-active{color:var(--primary-dark)}.editor-media-custom-ratio{grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;display:grid}.editor-media-custom-ratio input{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);min-width:0;height:28px;color:var(--text);padding:4px 6px;font-size:12px}.editor-media-custom-ratio span{color:var(--text-muted);font-size:12px}.editor-media-custom-ratio small{color:var(--text-subtle);grid-column:1/-1;font-size:11px}.editor-media-focus-toggle{justify-content:center;width:100%;min-height:28px;font-size:12px}.editor-media-focus-toggle.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-media-focus-toggle.is-active{border-color:color-mix(in srgb, var(--primary) 44%, var(--border))}}.editor-media-focus-toggle.is-active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-media-focus-toggle.is-active{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}}.editor-media-focus-toggle.is-active{color:var(--primary-dark)}.editor-media-batch-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.editor-media-batch-actions .btn{min-height:30px;padding:6px 8px;font-size:12px}.editor-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:330px;display:grid;overflow:auto}.editor-media-grid .muted-text{grid-column:1/-1}.editor-media-item{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-soft);min-width:0;position:relative;overflow:hidden}.editor-media-select{z-index:2;border-radius:var(--radius-sm);background:var(--surface);justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:4px;left:4px}@supports (color:color-mix(in lab, red, red)){.editor-media-select{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.editor-media-select input{width:14px;height:14px;accent-color:var(--primary);margin:0}.editor-media-item>button:first-child{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:grid}.editor-media-item img{aspect-ratio:1.35;object-fit:cover;background:var(--surface-muted);width:100%}.editor-media-item span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);padding:6px 6px 2px;font-size:11px;overflow:hidden}.editor-media-item small{color:var(--text-subtle);padding:0 6px 6px;font-size:10px;line-height:1.2;display:block}.editor-media-actions{z-index:2;gap:4px;display:flex;position:absolute;top:4px;right:4px}.editor-media-actions .icon-btn{background:var(--surface);width:24px;min-width:24px;height:24px;min-height:24px;padding:0}@supports (color:color-mix(in lab, red, red)){.editor-media-actions .icon-btn{background:color-mix(in srgb, var(--surface) 86%, transparent)}}.editor-media-entry{border:1px dashed var(--border);gap:6px;margin-top:10px;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.editor-media-entry{border:1px dashed color-mix(in srgb, var(--border) 80%, var(--surface))}}.editor-media-entry{border-radius:var(--radius-md);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.editor-media-entry{background:color-mix(in srgb, var(--surface) 92%, var(--surface-soft))}}.editor-media-entry-btn{justify-content:center;width:100%;min-height:34px}.editor-image-url-row{align-items:center;gap:4px;width:100%;display:flex}.editor-image-url-row>input{flex:auto;min-width:0}.editor-image-url-row .btn{white-space:nowrap}.editor-media-pick-btn{min-width:max-content;min-height:30px;color:var(--primary);background:0 0;border:0;flex:none;margin-left:auto;padding:0 1px;font-size:11px;font-weight:600}.editor-media-pick-btn:hover:not(:disabled){color:var(--primary-hover);background:0 0;text-decoration:underline}.editor-media-pick-btn:focus-visible{outline:2px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-media-pick-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 28%, transparent)}}.editor-media-pick-btn:focus-visible{outline-offset:2px;border-radius:6px}.editor-media-modal{width:min(1220px,100vw - 26px)}.editor-media-modal-body{grid-template-rows:auto minmax(0,1fr);gap:10px;padding:10px;display:grid;overflow:hidden}.editor-media-modal-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.editor-media-search-group{flex:1;grid-template-columns:minmax(0,1fr) 120px;gap:8px;min-width:min(100%,420px);display:grid}.editor-media-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.editor-media-modal-layout{grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:10px;min-height:0;display:grid}.editor-media-list-pane,.editor-media-detail-pane{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);min-height:0}.editor-media-list-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));align-content:start;gap:8px;height:100%;padding:8px;display:grid;overflow:auto}.editor-media-list-grid .muted-text{grid-column:1/-1;margin:6px}.editor-media-card{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-soft);cursor:pointer;outline:none;display:grid;position:relative;overflow:hidden}.editor-media-card:hover,.editor-media-card:focus-visible,.editor-media-card.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-media-card:hover,.editor-media-card:focus-visible,.editor-media-card.is-active{border-color:color-mix(in srgb, var(--primary) 50%, var(--border))}}.editor-media-card:hover,.editor-media-card:focus-visible,.editor-media-card.is-active{box-shadow:0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-media-card:hover,.editor-media-card:focus-visible,.editor-media-card.is-active{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 24%, transparent)}}.editor-media-card img{aspect-ratio:1.28;object-fit:cover;background:var(--surface-muted);width:100%;display:block}.editor-media-card-check{z-index:2;background:var(--surface);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:5px;left:5px}@supports (color:color-mix(in lab, red, red)){.editor-media-card-check{background:color-mix(in srgb, var(--surface) 90%, transparent)}}.editor-media-card-check input{width:14px;height:14px;accent-color:var(--primary);margin:0}.editor-media-card-meta{gap:2px;min-width:0;padding:6px;display:grid}.editor-media-card-meta strong,.editor-media-card-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-media-card-meta strong{font-size:11px}.editor-media-card-meta small{color:var(--text-subtle);font-size:10px}.editor-media-detail-pane{grid-template-rows:auto auto auto;align-content:start;gap:8px;padding:8px;display:grid}.editor-media-detail-preview{border-radius:var(--radius-sm);aspect-ratio:1.2;object-fit:cover;border:1px solid var(--border-soft);background:var(--surface-muted);width:100%}.editor-media-name-editor{gap:6px;display:grid}.editor-media-name-editor label{color:var(--text-subtle);font-size:11px}.editor-media-name-editor input{min-height:30px}.editor-media-name-editor .btn{justify-content:center}.editor-media-save-name-btn{border-color:var(--primary);width:100%}@supports (color:color-mix(in lab, red, red)){.editor-media-save-name-btn{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}}.editor-media-save-name-btn{box-shadow:0 1px 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-media-save-name-btn{box-shadow:0 1px 3px color-mix(in srgb, var(--primary) 26%, transparent)}}.editor-media-save-name-btn:hover:not(:disabled){box-shadow:0 5px 14px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-media-save-name-btn:hover:not(:disabled){box-shadow:0 5px 14px color-mix(in srgb, var(--primary) 30%, transparent)}}.editor-media-save-name-btn:focus-visible{outline:2px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-media-save-name-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 32%, transparent)}}.editor-media-save-name-btn:focus-visible{outline-offset:2px}.editor-media-detail-meta{gap:4px;display:grid}.editor-media-detail-meta p{gap:2px;margin:0;display:grid}.editor-media-detail-meta span{color:var(--text-subtle);font-size:11px}.editor-media-detail-meta strong{color:var(--text);overflow-wrap:anywhere;font-size:12px;line-height:1.45}.editor-media-detail-actions{gap:6px;display:grid}.editor-media-detail-actions .btn{justify-content:center;width:100%;min-height:32px}.editor-upload-modal{width:min(980px,100vw - 24px)}.editor-upload-body{gap:10px;padding:10px;display:grid}.editor-upload-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-upload-ratio-control{align-items:center;gap:8px;display:inline-flex}.editor-upload-ratio-label{color:var(--text-muted);white-space:nowrap;font-size:12px}.editor-upload-zoom-tools{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.editor-upload-zoom-tools>span{text-align:center;min-width:46px;color:var(--text-muted);font-size:12px}.editor-upload-zoom-tools .btn.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-upload-zoom-tools .btn.is-active{border-color:color-mix(in srgb, var(--primary) 50%, var(--border))}}.editor-upload-zoom-tools .btn.is-active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-upload-zoom-tools .btn.is-active{background:color-mix(in srgb, var(--primary) 12%, var(--surface))}}.editor-upload-zoom-tools .btn.is-active{color:var(--primary-dark)}.editor-upload-ratio-group{border:1px solid var(--border);align-items:center;padding:2px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.editor-upload-ratio-group{border:1px solid color-mix(in srgb, var(--border) 90%, var(--surface))}}.editor-upload-ratio-group{background:var(--surface-soft);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.editor-upload-ratio-group{background:color-mix(in srgb, var(--surface-soft) 92%, var(--surface))}}.editor-upload-ratio-group{white-space:nowrap;gap:2px;overflow-x:auto}.editor-upload-ratio{min-width:48px;min-height:34px;color:var(--text);cursor:pointer;border:0;border-radius:999px;font-weight:600}.editor-upload-ratio.is-active{background:var(--primary);color:#fff;box-shadow:0 0 0 1px var(--primary);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.editor-upload-ratio.is-active{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 82%, #fff)}}.editor-upload-ratio:not(:disabled):not(.is-active):hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-upload-ratio:not(:disabled):not(.is-active):hover{background:color-mix(in srgb, var(--primary) 14%, var(--surface))}}.editor-upload-ratio:disabled{cursor:not-allowed;opacity:.5}.editor-upload-stage-shell{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);padding:8px}@supports (color:color-mix(in lab, red, red)){.editor-upload-stage-shell{background:color-mix(in srgb, var(--surface) 70%, var(--surface-muted))}}.editor-upload-stage-shell{min-height:260px;display:grid}.editor-upload-empty{color:var(--text-muted);text-align:center;place-items:center;gap:8px;font-size:12px;display:grid}.editor-upload-stage{flex:none;width:fit-content;max-width:none;position:relative}.editor-upload-stage-viewport{border-radius:var(--radius-sm);cursor:default;place-items:center;width:100%;height:min(56vh,480px);display:grid;overflow:auto}.editor-upload-stage-viewport.is-pan{cursor:grab}.editor-upload-stage-viewport.is-pan.is-panning{cursor:grabbing}.editor-upload-image{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;max-width:100%;max-height:100%;display:block}.editor-crop-rect{border:1px solid var(--primary);position:absolute}@supports (color:color-mix(in lab, red, red)){.editor-crop-rect{border:1px solid color-mix(in srgb, var(--primary) 74%, #fff)}}.editor-crop-rect{pointer-events:none;border-radius:8px;box-shadow:0 0 0 9999px #0206175c}.editor-crop-move{cursor:move;pointer-events:auto;background:0 0;border:0;position:absolute;inset:0}.editor-crop-handle{background:var(--primary);pointer-events:auto;border:1px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;position:absolute}.editor-crop-handle.handle-nw{cursor:nwse-resize;top:-6px;left:-6px}.editor-crop-handle.handle-ne{cursor:nesw-resize;top:-6px;right:-6px}.editor-crop-handle.handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.editor-crop-handle.handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.editor-upload-metrics{color:var(--text-subtle);flex-wrap:wrap;gap:8px 12px;font-size:11px;display:flex}.editor-upload-replace-tip{color:var(--text-subtle);margin:0;font-size:11px;line-height:1.45}.icon-spin{animation:.85s linear infinite icon-spin}@keyframes icon-spin{to{transform:rotate(360deg)}}.editor-canvas-workspace{gap:var(--space-2);grid-template-columns:minmax(210px,.32fr) minmax(0,.68fr);align-items:stretch;min-height:0;display:grid;overflow:hidden}.editor-block-column{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.editor-block-column .code-toolbar{border-bottom:1px solid var(--border-soft)}.editor-block-list{align-content:start;gap:6px;min-height:0;max-height:none;padding:8px;display:grid;overflow:hidden auto}.editor-block{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:minmax(0,1fr) fit-content(58px);align-items:start;gap:6px;padding:6px;display:grid;position:relative}.editor-block:before,.editor-block:after{content:"";border-radius:var(--radius-full);pointer-events:none;background:0 0;height:3px;position:absolute;left:10px;right:10px}.editor-block:before{top:-6px}.editor-block:after{bottom:-6px}.editor-block.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-block.is-active{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}}.editor-block.is-active{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-block.is-active{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}}.editor-block.is-dragging{opacity:.48;border-style:dashed}.editor-block.is-drop-before:before,.editor-block.is-drop-after:after{background:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-block.is-drop-before:before,.editor-block.is-drop-after:after{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}}.editor-block-body{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;gap:4px;display:grid}.editor-block-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.editor-block-body small{color:var(--text-muted);font-size:12px}.editor-block-actions{flex:none;grid-template-columns:repeat(2,24px);place-content:start end;gap:4px;max-width:52px;display:grid}.editor-block-action-column{justify-items:center;gap:4px;display:grid}.editor-block-action-column-edit{grid-template-rows:repeat(2,24px)}.editor-block-action-column-move{grid-template-rows:repeat(3,24px)}.editor-block-actions .btn{min-height:24px;padding:2px 4px;font-size:12px}.editor-block-actions .icon-btn{flex:0 0 24px;width:24px;min-width:24px;height:24px;min-height:24px;padding:0}.editor-drag-handle{width:20px;height:24px;color:var(--text-muted);cursor:grab;border-radius:var(--radius-sm);justify-content:center;align-items:center;display:inline-flex}.editor-block.is-dragging .editor-drag-handle{cursor:grabbing}.editor-preview-shell{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#fff;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;margin-top:0;display:grid;overflow:hidden}.editor-html-preview{background:#f8fafc;min-height:0;padding:10px;overflow:auto}.editor-side-panel,.editor-props-panel,.editor-block-list,.editor-html-preview{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.editor-side-panel::-webkit-scrollbar{width:6px;height:6px}.editor-props-panel::-webkit-scrollbar{width:6px;height:6px}.editor-block-list::-webkit-scrollbar{width:6px;height:6px}.editor-html-preview::-webkit-scrollbar{width:6px;height:6px}.editor-html-preview article{box-shadow:var(--shadow-medium);border-radius:18px}.editor-editable-article{word-break:break-word;background:#fff;max-width:720px;margin:0 auto;padding:24px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.85}.editor-preview-block{outline-offset:3px;outline:1px solid #0000;transition:outline-color .16s,box-shadow .16s;position:relative}.editor-preview-block:hover,.editor-preview-block.is-active{outline-color:var(--preview-accent,var(--primary))}@supports (color:color-mix(in lab, red, red)){.editor-preview-block:hover,.editor-preview-block.is-active{outline-color:color-mix(in srgb, var(--preview-accent,var(--primary)) 34%, transparent)}}.editor-preview-editable{white-space:pre-wrap;cursor:text;border-radius:6px;outline:none;min-width:1.5em;transition:background .16s,box-shadow .16s}.editor-preview-editable:hover,.editor-preview-editable:focus{background:var(--preview-accent,var(--primary))}@supports (color:color-mix(in lab, red, red)){.editor-preview-editable:hover,.editor-preview-editable:focus{background:color-mix(in srgb, var(--preview-accent,var(--primary)) 10%, transparent)}}.editor-preview-editable:hover,.editor-preview-editable:focus{box-shadow:0 0 0 2px var(--preview-accent,var(--primary))}@supports (color:color-mix(in lab, red, red)){.editor-preview-editable:hover,.editor-preview-editable:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--preview-accent,var(--primary)) 20%, transparent)}}.editor-rich-shell{position:relative}.editor-rich-toolbar{z-index:3;border:1px solid var(--border);flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:5px;max-width:calc(100% - 8px);padding:3px 6px;display:inline-flex;position:absolute;top:-34px;right:0}@supports (color:color-mix(in lab, red, red)){.editor-rich-toolbar{border:1px solid color-mix(in srgb, var(--border) 85%, transparent)}}.editor-rich-toolbar{background:var(--surface);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.editor-rich-toolbar{background:color-mix(in srgb, var(--surface) 96%, transparent)}}.editor-rich-toolbar{box-shadow:var(--shadow-soft);white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow:auto hidden}.editor-preview-row:focus-within .editor-rich-toolbar,.editor-preview-row.is-active .editor-rich-toolbar{justify-content:flex-start;max-width:min(430px,100% - 218px);left:4px;right:auto}.editor-rich-toolbar::-webkit-scrollbar{display:none}.editor-rich-toolbar .icon-btn{width:26px;height:26px;min-height:26px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .16s,border-color .16s,color .16s,transform .12s;display:inline-flex}.editor-rich-toolbar .icon-btn svg{flex:none;display:block}.editor-rich-toolbar .editor-rich-font-btn{letter-spacing:0;width:26px;min-width:26px;font-size:10px;font-weight:700}.editor-rich-color{align-items:center;gap:5px;display:inline-flex}.editor-rich-color-dot{border:1px solid var(--border);border-radius:999px;flex:none;width:14px;min-width:14px;height:14px}@supports (color:color-mix(in lab, red, red)){.editor-rich-color-dot{border:1px solid color-mix(in srgb, var(--border) 85%, transparent)}}.editor-rich-color-dot{padding:0;transition:transform .12s,border-color .16s,box-shadow .16s}.editor-rich-toolbar .icon-btn:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-rich-toolbar .icon-btn:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.editor-rich-toolbar .icon-btn:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-rich-toolbar .icon-btn:hover{border-color:color-mix(in srgb, var(--primary) 28%, var(--border))}}.editor-rich-toolbar .icon-btn:hover{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-rich-toolbar .icon-btn:hover{color:color-mix(in srgb, var(--primary) 82%, var(--text))}}.editor-rich-toolbar .icon-btn:active{transform:scale(.97)}.editor-rich-toolbar .icon-btn:focus-visible{outline:2px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-rich-toolbar .icon-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 36%, transparent)}}.editor-rich-toolbar .icon-btn:focus-visible{outline-offset:1px}.editor-rich-color-dot:hover{border-color:var(--primary);transform:scale(1.06)}@supports (color:color-mix(in lab, red, red)){.editor-rich-color-dot:hover{border-color:color-mix(in srgb, var(--primary) 42%, var(--border))}}.editor-rich-color-dot:hover{box-shadow:0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-rich-color-dot:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 26%, transparent)}}.editor-rich-color-dot.is-active{outline:2px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-rich-color-dot.is-active{outline:2px solid color-mix(in srgb, var(--primary) 72%, transparent)}}.editor-rich-color-dot.is-active{outline-offset:1px}.editor-rich-editable{white-space:pre-wrap;word-break:break-word;cursor:text;outline:none;min-height:26px}.editor-rich-editable:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.editor-rich-editable a{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-rich-editable a{color:color-mix(in srgb, var(--primary) 88%, #1d4ed8)}}.editor-rich-editable a{text-decoration:underline}@media (width<=768px){.editor-rich-toolbar{border-radius:12px}.editor-preview-row:focus-within .editor-rich-toolbar,.editor-preview-row.is-active .editor-rich-toolbar{max-width:calc(100% - 8px);left:0}.editor-rich-toolbar .icon-btn{width:24px;height:24px;min-height:24px}.editor-rich-toolbar .editor-rich-font-btn{width:24px;min-width:24px}}.editor-preview-image-placeholder{justify-content:center;align-items:center;font-size:14px;display:flex}.editor-preview-repeat-item{position:relative}.editor-preview-repeat-remove{z-index:1;border:1px solid var(--border);width:22px;height:22px;position:absolute;top:-6px;right:-6px}@supports (color:color-mix(in lab, red, red)){.editor-preview-repeat-remove{border:1px solid color-mix(in srgb, var(--border) 76%, transparent)}}.editor-preview-repeat-remove{background:var(--surface);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.editor-preview-repeat-remove{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.editor-preview-repeat-remove{color:var(--text-muted);opacity:0;justify-content:center;align-items:center;transition:opacity .16s,background .16s,color .16s;display:inline-flex}.editor-preview-repeat-item:hover .editor-preview-repeat-remove,.editor-preview-repeat-remove:focus-visible{opacity:1}.editor-preview-repeat-remove:hover:not(:disabled){background:var(--danger,#dc2626)}@supports (color:color-mix(in lab, red, red)){.editor-preview-repeat-remove:hover:not(:disabled){background:color-mix(in srgb, var(--danger,#dc2626) 10%, var(--surface))}}.editor-preview-repeat-remove:hover:not(:disabled){color:var(--danger,#dc2626)}.editor-preview-repeat-remove:disabled{display:none}.editor-preview-add-item{border:1px dashed var(--preview-accent,var(--primary));min-height:28px;margin-top:10px;padding:4px 10px}@supports (color:color-mix(in lab, red, red)){.editor-preview-add-item{border:1px dashed color-mix(in srgb, var(--preview-accent,var(--primary)) 40%, var(--border))}}.editor-preview-add-item{background:var(--preview-accent,var(--primary));border-radius:999px}@supports (color:color-mix(in lab, red, red)){.editor-preview-add-item{background:color-mix(in srgb, var(--preview-accent,var(--primary)) 7%, transparent)}}.editor-preview-add-item{color:var(--preview-accent,var(--primary))}@supports (color:color-mix(in lab, red, red)){.editor-preview-add-item{color:color-mix(in srgb, var(--preview-accent,var(--primary)) 82%, var(--text))}}.editor-preview-add-item{align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.editor-preview-table{border-collapse:collapse;width:100%;font-size:14px}.editor-preview-table th,.editor-preview-table td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;min-width:92px;padding:9px}.editor-preview-table-actions{flex-wrap:wrap;gap:8px;display:flex}.editor-repeat-field{gap:8px;display:grid}.editor-repeat-field-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.editor-repeat-field-head>span{color:var(--text-muted);font-size:13px;font-weight:500}.editor-repeat-field-head .btn-xs{min-height:26px;padding:4px 8px}.editor-repeat-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) 30px;align-items:start;gap:6px;display:grid}.editor-repeat-row.editor-repeat-row-stacked{grid-template-columns:minmax(0,1fr) 30px}.editor-repeat-row.editor-repeat-row-stacked textarea{grid-column:1/2;min-height:58px}.editor-repeat-row input,.editor-repeat-row textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:32px;color:var(--text);padding:7px 9px}.editor-repeat-row .icon-btn{width:30px;height:32px;min-height:32px}.editor-repeat-actions,.editor-table-columns{flex-wrap:wrap;gap:6px;display:flex}.editor-table-field{gap:6px;padding-bottom:2px;display:grid;overflow-x:auto}.editor-table-row{align-items:start;gap:6px;min-width:max-content;display:grid}.editor-table-row input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-width:96px;min-height:32px;color:var(--text);padding:7px 9px}.editor-table-row .icon-btn{width:30px;height:32px;min-height:32px}.editor-props-form{gap:var(--space-2);display:grid}.editor-inline-toggle{align-items:center;gap:8px;width:fit-content;padding:4px 0;display:inline-flex}.editor-inline-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);margin:0}.editor-inline-toggle>span{color:var(--text-muted);font-size:12px}.editor-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.editor-props-form textarea{min-height:120px}@media (width<=1024px){.app-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border-soft);max-height:none;padding:var(--space-2)}.app-shell.is-compact-nav{grid-template-rows:minmax(0,1fr)}.app-shell.is-compact-nav .workspace{grid-area:1/1/auto/-1}.app-shell.is-compact-nav .sidebar{z-index:40;border-right:1px solid var(--border-soft);width:min(82vw,320px);max-width:320px;max-height:100dvh;padding:var(--space-3);box-shadow:var(--shadow-medium);visibility:hidden;border-bottom:0;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow:auto;transform:translate(-104%)}.app-shell.is-compact-nav .sidebar.is-open{visibility:visible;transform:translate(0)}.app-shell.is-compact-nav .sidebar-backdrop{z-index:30;opacity:0;pointer-events:none;background:#0206178a;border:0;margin:0;padding:0;transition:opacity .2s;display:block;position:fixed;inset:0}.app-shell.is-compact-nav .sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.sidebar-toggle-btn{display:inline-flex}.topbar,.content{padding:var(--space-2)}.grid-two,.form-grid,.editor-grid{grid-template-columns:1fr}.editor-hero-panel{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.editor-canvas-workspace{grid-template-columns:1fr}.editor-block-list{max-height:none}.editor-block{grid-template-columns:1fr}.editor-block-actions{grid-template-columns:repeat(2,24px);justify-content:flex-start;max-width:none}.editor-block-actions .icon-btn{flex-basis:24px;width:24px;min-width:24px;height:24px;min-height:24px}.editor-html-preview{padding:10px}.editor-html-preview article{min-width:0}.section-head-tabs{align-items:stretch}.section-head-tabs .action-row{width:100%}.create-tab-head .list-tabs{flex-wrap:nowrap;width:100%;overflow-x:auto}.content-route-create .create-tab-head .create-workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.content-route-create .create-tab-head{flex-direction:column;align-items:stretch}.content-route-create .create-tab-head .create-workspace-tabs .list-tab{text-align:center;white-space:normal;justify-content:center;min-width:0;min-height:32px;padding:0 8px;line-height:1.25}.content-route-create .create-tab-head .create-workspace-tabs .tab-count{display:none}.create-stage-summary,.profile-sample-library-toolbar{grid-template-columns:1fr}.profile-setup-steps{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.profile-settings-advanced{padding:0 10px 10px}.profile-preset-checklist{grid-template-columns:minmax(0,1fr)}.content-route-create .profile-workspace-head .profile-workspace-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;display:grid;overflow:visible}.content-route-create .profile-workspace-head{flex-direction:column;align-items:stretch}.content-route-create .profile-workspace-head .profile-workspace-tabs .list-tab{text-align:center;white-space:normal;justify-content:center;min-width:0;min-height:32px;padding:0 8px;line-height:1.25}.content-route-create .profile-workspace-head .profile-workspace-tabs .tab-count{display:none}.content-route-create .profile-workspace-head .action-row{flex-wrap:wrap;justify-content:flex-start;width:100%}}@media (width<=768px){.topbar h2{font-size:18px}.top-actions{justify-content:flex-start;width:100%}.panel{padding:var(--space-1)}.modal-panel{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.create-tab-head{align-items:stretch}.profile-workspace-head .list-tabs{flex-wrap:nowrap;width:100%;overflow-x:auto}.content-route-create .create-tab-head .create-workspace-tabs,.content-route-create .profile-workspace-head .profile-workspace-tabs{overflow:visible}.profile-setup-steps{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.profile-setup-steps li{justify-content:flex-start;min-width:148px}.profile-settings-card{padding:10px}.profile-settings-panel{grid-template-columns:minmax(0,1fr)}.profile-sample-list{max-height:420px}.permission-item-grid{grid-template-columns:1fr}}@media (width<=375px){.search-wrap kbd{display:none}.profile-setup-steps li{min-width:136px;font-size:11px}.content-route-create .create-tab-head .create-workspace-tabs .list-tab,.content-route-create .profile-workspace-head .profile-workspace-tabs .list-tab{padding:0 6px;font-size:11px}}@media (width>=1440px){.content{padding:var(--space-4)}.profile-settings-panel{grid-template-columns:minmax(0,1fr);align-items:start}}:root{--control-h-sm:30px;--control-h-md:34px;--read-max-width:768px;--shadow-large:0 12px 32px #0000001a}body{line-height:1.7}.login-panel{border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3)}.sidebar{padding:clamp(12px, 1.2vw, var(--space-3))}.search-wrap{border-color:var(--border);min-height:40px;padding:10px 14px}.search-wrap:focus-within{box-shadow:0 0 0 2px var(--primary);border-width:2px;padding:9px 13px}@supports (color:color-mix(in lab, red, red)){.search-wrap:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent)}}.side-nav{gap:4px}.nav-item{border:1px solid #0000;border-left-width:2px;height:40px;min-height:40px;padding:0 12px}.nav-item.is-active{border-left-color:var(--primary)}.topbar{min-height:52px;padding:var(--space-2) var(--space-3)}.content{padding:var(--space-3);gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.panel{border-radius:var(--radius-md);padding:var(--space-2)}.panel h3{margin-bottom:8px;font-size:18px;font-weight:600}.form-grid{gap:var(--space-2)}.field{margin-bottom:var(--space-2);gap:6px}.field span{color:#52525b;font-size:13px;font-weight:500}.field input,.field select,.field textarea{min-height:var(--control-h-md);padding:7px 10px;font-size:13px}.field textarea{min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{padding:6px 9px}.action-row{gap:var(--space-1)}.btn{min-height:var(--control-h-md);border-radius:var(--radius-md);padding:6px 12px;font-size:13px}.btn-ghost{border-color:#0000}.btn-ghost:hover:not(:disabled){background:#f4f4f5}.btn-xs{min-height:var(--control-h-sm);padding:0 8px;font-size:12px}.icon-btn{width:var(--control-h-md);min-width:var(--control-h-md);height:var(--control-h-md);min-height:var(--control-h-md);justify-content:center;padding:0}.select-action-row{grid-template-columns:minmax(0, 1fr) var(--control-h-md)}.select-action-row .icon-btn{height:var(--control-h-md)}.section-head{min-height:34px;margin-bottom:8px}.list-tabs{min-height:34px;padding:2px}.list-tab{min-height:28px;padding:0 10px}.tab-count{min-width:20px;min-height:20px}.list-view li{min-height:44px;padding-top:8px;padding-bottom:8px}.list-view li.is-selected{border-left:2px solid var(--primary);border-radius:var(--radius-md)}.code-shell{border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--border);background:var(--surface)}.preview{font-size:16px;line-height:1.7}.preview>:is(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote){max-width:var(--read-max-width)}.preview>:is(pre,table){max-width:100%}.code-toolbar{min-height:32px}.copy-btn{border-radius:var(--radius-md)}.method-badge,.chip{min-height:22px;font-size:12px}.method-badge{font-family:var(--font-mono);font-size:12px}.modal-mask{background:#00000059}.modal-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-large)}.modal-head{min-height:52px;padding:10px 14px}.modal-body{padding:var(--space-3)}.modal-foot{min-height:56px;padding:10px 14px}@media (width<=1024px){.content{padding:var(--space-3);gap:var(--space-3)}.panel{padding:var(--space-2)}.topbar{flex-wrap:wrap;align-items:flex-start}.top-actions{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.top-actions .chip,.top-actions .btn{flex:none}.content-route-template .section-head-tabs .list-tabs,.content-route-api .section-head-tabs .list-tabs{flex-wrap:nowrap;width:100%;overflow-x:auto}.content-route-template .section-head-tabs .list-tab,.content-route-api .section-head-tabs .list-tab{min-height:var(--control-h-md);white-space:nowrap;padding:0 10px}.content-route-template .section-head-tabs .tab-count,.content-route-api .section-head-tabs .tab-count{display:none}.content-route-create .create-layout-route.create-layout-with-preview.create-quality-pane-editor{grid-template-columns:minmax(0,1fr)}.content-route-create .create-layout-route.create-layout-with-preview.create-quality-pane-editor .create-preview-panel{display:none}.content-route-create .create-layout-route.create-layout-with-preview.create-quality-pane-preview{grid-template-columns:minmax(0,1fr)}.content-route-create .create-layout-route.create-layout-with-preview.create-quality-pane-preview .create-primary-panel{display:none}.content-route-create .create-quality-pane-head{flex-wrap:wrap;align-items:center}.content-route-create .create-quality-pane-head h3{white-space:nowrap;flex:none}.content-route-create .create-quality-pane-head .list-tabs{width:100%}.content-route-create .create-quality-pane-head .preview-actions{flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}}@media (width<=1280px) and (width>=1025px){.app-shell{grid-template-columns:clamp(196px,18vw,228px) minmax(0,1fr)}.sidebar{padding:12px}.search-wrap{padding:8px 10px}.search-wrap:focus-within{padding:7px 9px}.nav-item{padding:0 10px}}@media (width<=1366px) and (width>=1025px){.app-shell{grid-template-columns:clamp(188px,17vw,224px) minmax(0,1fr)}.sidebar{padding:10px}.search-wrap kbd{display:none}.topbar{flex-wrap:wrap;align-items:flex-start;gap:8px;min-height:50px;padding:8px 12px}.top-actions{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.top-actions .chip,.top-actions .btn{flex:none}.content{padding:var(--space-3);gap:var(--space-3)}.panel{padding:var(--space-2)}.panel h3{font-size:18px}.section-head.section-head-tabs{align-items:stretch;gap:8px}.section-head.section-head-tabs .list-tabs{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.section-head.section-head-tabs .action-row{flex:none}.content-route-create .create-tab-head{align-items:stretch}.content-route-create .create-tab-head h3{white-space:nowrap}.content-route-create .create-tab-head .list-tabs{flex-wrap:nowrap;width:100%;overflow-x:auto}.content-route-create .create-layout-route.create-layout-with-preview{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}.content-route-create .create-primary-panel,.content-route-create .create-preview-panel{min-height:520px}.content-route-create .preview-actions{flex-wrap:nowrap;overflow-x:auto}.editor-grid{grid-template:"canvas props"minmax(460px,auto)"status props"/minmax(0,1fr) clamp(244px,24vw,272px)}.editor-side-panel{grid-area:status;max-height:340px}.editor-canvas-panel{grid-area:canvas;min-height:460px}.editor-props-panel{grid-area:props}.editor-canvas-workspace{grid-template-columns:minmax(176px,.34fr) minmax(0,.66fr);gap:8px}.editor-preview-shell{min-height:380px}.editor-media-modal-layout{grid-template-columns:minmax(0,1fr)}.editor-media-detail-pane{grid-template-rows:auto auto;grid-template-columns:200px minmax(0,1fr);align-items:start}.editor-media-detail-preview{aspect-ratio:1.1}.editor-media-detail-meta,.editor-media-name-editor{align-content:start}.editor-media-detail-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1180px) and (width>=1025px){.content-route-create .create-layout-route.create-layout-with-preview{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}.editor-canvas-workspace{grid-template-columns:minmax(168px,.34fr) minmax(0,.66fr)}.editor-block-column{min-height:0}.editor-preview-shell{min-height:360px}}@media (width<=768px){.topbar{min-height:auto;padding:var(--space-2)}.content{padding:var(--space-2);gap:var(--space-2)}.btn,.icon-btn{min-height:var(--control-h-md)}.top-actions{justify-content:flex-start}.editor-media-search-group{grid-template-columns:minmax(0,1fr);min-width:100%}.editor-media-toolbar-actions{width:100%}.editor-media-toolbar-actions .btn{flex:1;justify-content:center}.editor-media-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-media-detail-pane,.editor-media-detail-actions{grid-template-columns:minmax(0,1fr)}.editor-upload-image{max-height:42vh}.editor-upload-stage-viewport{height:min(42vh,340px)}.editor-upload-zoom-tools{width:100%}.editor-upload-ratio-control{justify-content:space-between;width:100%}.editor-upload-ratio-group{max-width:100%}.editor-image-url-row{gap:3px}}@media (width<=640px){.editor-hero-actions{justify-content:flex-start;width:100%;padding-bottom:2px}.editor-action-group+.editor-action-group{padding-left:6px}.editor-hero-panel .btn{flex:none;justify-content:center}.editor-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-block-list{padding:8px}.editor-block-actions .icon-btn{flex:0 0 24px;width:24px;min-width:24px;height:24px;min-height:24px}.editor-preview-shell{border-radius:12px}}.cw-stepper{flex:auto;min-width:0}.cw-stepper-track{align-items:center;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.cw-stepper-item{align-items:center;gap:4px;min-width:0;display:inline-flex}.cw-stepper-button{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);height:32px;color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-size:13px;transition:background-color .16s,color .16s,border-color .16s;display:inline-flex}.cw-stepper-button:hover{background:var(--surface-soft);color:var(--text)}.cw-stepper-index{border-radius:var(--radius-full);background:var(--text-muted);justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cw-stepper-index{background:color-mix(in srgb, var(--text-muted) 18%, transparent)}}.cw-stepper-index{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.cw-stepper-label{white-space:nowrap;font-weight:500}.cw-stepper-line{background:var(--border);width:18px;height:1px}.cw-stepper-item.is-done .cw-stepper-button{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.cw-stepper-item.is-done .cw-stepper-button{border-color:color-mix(in srgb, var(--success) 36%, var(--border))}}.cw-stepper-item.is-done .cw-stepper-button{color:var(--success)}@supports (color:color-mix(in lab, red, red)){.cw-stepper-item.is-done .cw-stepper-button{color:color-mix(in srgb, var(--success) 78%, var(--text))}}.cw-stepper-item.is-done .cw-stepper-index{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.cw-stepper-item.is-done .cw-stepper-index{background:color-mix(in srgb, var(--success) 18%, transparent)}}.cw-stepper-item.is-done .cw-stepper-index{color:var(--success)}.cw-stepper-item.is-done+.cw-stepper-item .cw-stepper-line,.cw-stepper-item.is-done .cw-stepper-line{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.cw-stepper-item.is-done+.cw-stepper-item .cw-stepper-line,.cw-stepper-item.is-done .cw-stepper-line{background:color-mix(in srgb, var(--success) 50%, var(--border))}}.cw-stepper-item.is-active .cw-stepper-button{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cw-stepper-item.is-active .cw-stepper-button{border-color:color-mix(in srgb, var(--primary) 50%, var(--border))}}.cw-stepper-item.is-active .cw-stepper-button{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cw-stepper-item.is-active .cw-stepper-button{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}}.cw-stepper-item.is-active .cw-stepper-button{color:var(--primary)}.cw-stepper-item.is-active .cw-stepper-index{background:var(--primary);color:#fff}.cw-compose,.cw-frameworks,.cw-quality{gap:10px;display:grid}.cw-compose-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;display:grid}.cw-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);gap:8px;padding:12px 14px;display:grid}@supports (color:color-mix(in lab, red, red)){.cw-section{background:color-mix(in srgb, var(--surface-soft) 60%, var(--surface))}}.cw-section-full{grid-column:1/-1}.cw-section-empty{text-align:center;color:var(--text-muted);padding:14px}.cw-section-empty p{margin:0;font-size:13px}.cw-section-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.cw-section-head strong{font-family:var(--font-headline);font-size:14px;line-height:1.2}.cw-section-head small{color:var(--text-muted);font-size:12px}.cw-section-eyebrow{border-radius:var(--radius-full);background:var(--primary);align-items:center;padding:1px 8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cw-section-eyebrow{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.cw-section-eyebrow{color:var(--primary);letter-spacing:.04em;font-size:11px;font-weight:600}.cw-section .field{margin-bottom:0}.cw-details{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface)}.cw-details[open]{border-style:solid}.cw-details-summary{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;list-style:none;display:flex}.cw-details-summary::-webkit-details-marker{display:none}.cw-details-summary:before{content:"▸";width:12px;color:var(--text-muted);transition:transform .16s;display:inline-block}.cw-details[open]>.cw-details-summary:before{transform:rotate(90deg)}.cw-details-summary>span:first-of-type{flex:auto;font-weight:500}.cw-details-meta{color:var(--text-muted);font-size:12px}.cw-details-body{border-top:1px solid var(--border-soft);gap:10px;padding:10px 12px 12px;display:grid}.cw-details-body .field{margin-bottom:0}.cw-recommend-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cw-recommend-learning{color:var(--success);margin:0;font-size:12px}@supports (color:color-mix(in lab, red, red)){.cw-recommend-learning{color:color-mix(in srgb, var(--success) 80%, var(--text))}}.cw-recommend-resets{gap:4px;display:inline-flex}.cw-recommend-preference{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.cw-recommend-preference-divider{color:var(--border);margin:0 6px}.cw-recommend-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cw-recommend-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.cw-recommend-item.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cw-recommend-item.is-active{border-color:color-mix(in srgb, var(--primary) 50%, var(--border))}}.cw-recommend-item.is-active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cw-recommend-item.is-active{background:color-mix(in srgb, var(--primary) 6%, var(--surface))}}.cw-recommend-item-main{gap:4px;min-width:0;display:grid}.cw-recommend-item-title{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.cw-recommend-item-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.cw-recommend-item-tags{flex-wrap:wrap;gap:4px;display:inline-flex}.cw-recommend-item-reason{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.cw-recommend-item-actions{gap:4px;display:inline-flex}.cw-recommend-score{font-variant-numeric:tabular-nums}.cw-recommend-empty{color:var(--text-muted);margin:0;font-size:12px}.btn-ghost.btn-xs.is-negative{color:var(--error)}@supports (color:color-mix(in lab, red, red)){.btn-ghost.btn-xs.is-negative{color:color-mix(in srgb, var(--error) 78%, var(--text-muted))}}.btn-ghost.btn-xs.is-negative:hover:not(:disabled){background:var(--error)}@supports (color:color-mix(in lab, red, red)){.btn-ghost.btn-xs.is-negative:hover:not(:disabled){background:color-mix(in srgb, var(--error) 8%, var(--surface-soft))}}.cw-framework-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.cw-framework-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cw-framework-hint{border-radius:var(--radius-md);background:var(--primary);margin:0;padding:8px 12px}@supports (color:color-mix(in lab, red, red)){.cw-framework-hint{background:color-mix(in srgb, var(--primary) 4%, var(--surface-soft))}}.cw-framework-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.cw-framework-chips{flex-wrap:wrap;gap:6px;display:flex}.cw-framework-chips .btn{height:34px;padding:0 12px}.btn-inline-chip{margin-left:6px;font-size:11px}.cw-framework-detail-reason{color:var(--text);margin:0;font-size:13px;line-height:1.6}.cw-framework-detail-meta{border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.cw-framework-detail-meta{background:color-mix(in srgb, var(--surface-soft) 80%, var(--surface))}}.cw-framework-detail-meta div{gap:2px;display:grid}.cw-framework-detail-meta small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.cw-framework-detail-meta strong{font-size:13px}.cw-framework-outline{counter-reset:cw-outline;gap:8px;margin:0;padding:0;list-style:none;display:grid}.cw-framework-outline li{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px 12px;display:grid}.cw-framework-outline li strong{color:var(--text-muted);font-size:12px;font-weight:600}.cw-framework-outline li p{margin:0;font-size:13px;line-height:1.55}.cw-page-head{border-radius:var(--radius-lg);background:var(--surface-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.cw-page-head{background:color-mix(in srgb, var(--surface-soft) 60%, var(--surface))}}.cw-page-head{border:1px solid var(--border)}.cw-page-head>div:first-child{gap:2px;min-width:0;display:grid}.cw-page-head strong{font-family:var(--font-headline);font-size:16px}.cw-page-head p{color:var(--text-muted);margin:0;font-size:12px}.cw-page-head-meta{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.list-tab.list-tab-compact{height:28px;min-height:28px;padding:0 10px;font-size:12px}.cw-actionbar{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-subtle);z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;position:sticky;bottom:0}.cw-actionbar-inline{box-shadow:none;background:var(--surface-soft);position:static}@supports (color:color-mix(in lab, red, red)){.cw-actionbar-inline{background:color-mix(in srgb, var(--surface-soft) 80%, var(--surface))}}.cw-actionbar-status{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:inline-flex}.cw-status-item{flex-direction:column;gap:1px;min-width:0;display:inline-flex}.cw-status-item small{color:var(--text-muted);font-size:11px;line-height:1}.cw-status-item strong{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:1.2}.cw-status-divider{background:var(--border);width:1px;height:24px}.cw-status-chip{margin-left:4px}.cw-actionbar-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.cw-actionbar-buttons-right{margin-left:auto}.create-quality-stacked{gap:var(--space-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.create-quality-body{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;min-width:0;display:grid}.create-quality-editor-panel,.create-quality-preview-panel{flex-direction:column;min-width:0;display:flex}.create-quality-editor-panel .code-shell-fill{flex-direction:column;flex:auto;min-height:480px;margin-top:0;display:flex}.create-quality-editor-panel .code-shell-fill .editor-textarea{resize:none;flex:auto;min-height:460px}.cw-quality-pane-tabs{display:none}.cw-quality-pane-layout-hint{align-self:center}@media (width<=1023.98px){.cw-quality-pane-tabs{display:inline-flex}.cw-quality-pane-layout-hint{display:none}.create-quality-body{grid-template-columns:minmax(0,1fr)}.create-quality-stacked.create-quality-pane-editor .create-quality-preview-panel,.create-quality-stacked.create-quality-pane-preview .create-quality-editor-panel{display:none}.cw-compose-grid{grid-template-columns:minmax(0,1fr)}.cw-actionbar{flex-direction:column;align-items:stretch;position:static}.cw-actionbar-status{justify-content:flex-start}.cw-actionbar-buttons{width:100%}.cw-actionbar-buttons .btn{flex:auto;justify-content:center}.cw-stepper-label{display:none}.cw-stepper-line{width:8px}}@media (width<=767.98px){.cw-framework-detail-meta,.cw-recommend-item{grid-template-columns:minmax(0,1fr)}.cw-recommend-item-actions{justify-content:flex-end}}html[data-theme=dark] .cw-section{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark] .cw-section{background:color-mix(in srgb, var(--surface) 90%, var(--surface-soft))}}html[data-theme=dark] .cw-details{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark] .cw-details{background:color-mix(in srgb, var(--surface) 92%, var(--surface-soft))}}html[data-theme=dark] .cw-page-head,html[data-theme=dark] .cw-actionbar-inline{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark] .cw-page-head,html[data-theme=dark] .cw-actionbar-inline{background:color-mix(in srgb, var(--surface) 92%, var(--surface-soft))}}html[data-theme=dark] .cw-framework-hint{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark] .cw-framework-hint{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}}html[data-theme=dark] .cw-stepper-item.is-active .cw-stepper-button{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark] .cw-stepper-item.is-active .cw-stepper-button{background:color-mix(in srgb, var(--primary) 18%, var(--surface))}}.editor-workbench-v2{gap:var(--space-2);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.editor-workbench-v2 .editor-grid{gap:var(--space-2);grid-template-columns:minmax(200px,240px) minmax(0,1fr);align-items:stretch;min-height:0}.editor-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 12px;display:flex}.editor-topbar-brand{align-items:center;gap:8px;min-width:0;display:flex}.editor-topbar-color-dot{width:10px;height:10px;box-shadow:0 0 0 1px var(--text);border-radius:99px}@supports (color:color-mix(in lab, red, red)){.editor-topbar-color-dot{box-shadow:0 0 0 1px color-mix(in srgb, var(--text) 12%, transparent)}}.editor-topbar-color-dot{flex:none}.editor-topbar-brand h3{color:var(--text);white-space:nowrap;margin:0;font-size:14px;font-weight:700;line-height:1.2}.editor-topbar-brand h3 .editor-hero-version{color:var(--text-muted);margin-left:4px;font-size:10px;font-weight:600}.editor-topbar-meta{background:var(--surface-soft);color:var(--text-muted);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.editor-topbar-meta em{color:var(--primary);font-style:normal;font-weight:600}.editor-topbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-topbar-group{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;align-items:center;gap:2px;padding:2px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.editor-topbar-group{border:1px solid color-mix(in srgb, var(--border) 60%, transparent)}}.editor-topbar-group .btn{border-radius:6px;gap:4px;height:28px;padding:0 8px;font-size:12px}.editor-topbar-group .btn.icon-btn{width:28px;min-width:28px;padding:0}.editor-topbar-export .btn-primary{height:30px}.editor-rail{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:0;padding:10px;display:flex;overflow-y:auto}.editor-rail-head{z-index:2;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:4px 0 6px;display:flex;position:sticky;top:-10px}@supports (color:color-mix(in lab, red, red)){.editor-rail-head{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent)}}.editor-rail-tabs{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;align-items:center;gap:2px;padding:2px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.editor-rail-tabs{border:1px solid color-mix(in srgb, var(--border) 60%, transparent)}}.editor-rail-tabs{flex:1}.editor-rail-tab{cursor:pointer;height:26px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:11px;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.editor-rail-tab:hover{color:var(--text);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.editor-rail-tab:hover{background:color-mix(in srgb, var(--surface) 80%, transparent)}}.editor-rail-tab.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0f172a14}.editor-rail-toggle{border:1px solid var(--border-soft);background:var(--surface-soft);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.editor-rail-toggle:hover{color:var(--text);border-color:var(--border)}.editor-rail-body{flex:1;min-height:0}.editor-rail-section{flex-direction:column;gap:10px;display:flex}.editor-rail-collapsed{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:6px;width:40px;padding:8px 4px;display:flex}.editor-rail-icon{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.editor-rail-icon:hover{background:var(--surface-soft);color:var(--text)}.editor-rail-icon.is-active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-rail-icon.is-active{background:color-mix(in srgb, var(--primary) 10%, var(--surface-soft))}}.editor-rail-icon.is-active{color:var(--primary)}.editor-workbench-v2 .editor-grid:has(.editor-rail-collapsed){grid-template-columns:40px minmax(0,1fr)}.editor-canvas-head{align-items:center;gap:8px;padding:6px 12px 4px;display:flex}.editor-canvas-head h3{margin:0;font-size:13px;font-weight:700}.editor-canvas-props-btn{gap:4px;height:26px;margin-left:auto;padding:0 10px;font-size:11px}.editor-canvas-props-btn strong{color:var(--primary);font-weight:700}.editor-canvas-workspace-v2{grid-template-columns:minmax(0,1fr)!important;gap:0!important}.editor-preview-row{outline-offset:2px;border-radius:8px;outline:2px solid #0000;margin:4px 0;transition:outline-color .12s,background .12s;position:relative}.editor-preview-row.is-hovered{outline-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-preview-row.is-hovered{outline-color:color-mix(in srgb, var(--primary) 24%, transparent)}}.editor-preview-row.is-active{outline-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.editor-preview-row.is-active{outline-color:color-mix(in srgb, var(--primary) 60%, transparent)}}.editor-preview-row.is-dragging{opacity:.55}.editor-preview-row.is-drop-before{box-shadow:0 -3px 0 0 var(--primary) inset, 0 -3px 0 0 var(--primary)}.editor-preview-row.is-drop-after{box-shadow:0 3px 0 0 var(--primary) inset, 0 3px 0 0 var(--primary)}.editor-preview-row-actions{background:var(--surface);border:1px solid var(--border-soft);opacity:0;pointer-events:none;z-index:3;border-radius:8px;align-items:center;gap:2px;padding:3px 5px;transition:opacity .12s,transform .12s;display:inline-flex;position:absolute;top:-4px;right:4px;transform:translateY(-3px);box-shadow:0 4px 14px #0f172a1f}.editor-preview-row.is-hovered .editor-preview-row-actions,.editor-preview-row.is-active .editor-preview-row-actions,.editor-preview-row:focus-within .editor-preview-row-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.editor-preview-row-badge{color:var(--text-muted);letter-spacing:.5px;padding:0 6px;font-size:10px;font-weight:700}.editor-preview-row-spacer{background:var(--border-soft);width:1px;height:14px;margin:0 2px}.editor-preview-row-actions .icon-btn{width:22px;min-width:22px;height:22px;min-height:22px;padding:0}.editor-preview-row-grip{cursor:grab;color:var(--text-muted);justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.editor-preview-row-grip:active{cursor:grabbing}.editor-props-head{align-items:center;gap:8px;display:flex}.editor-props-close{width:26px;height:26px;margin-left:auto}.editor-props-empty{text-align:center;gap:6px;padding:16px 12px;display:grid}.editor-props-empty .muted-text{margin:0}.editor-props-drawer{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overscroll-behavior:contain;flex-direction:column;gap:8px;width:min(360px,100vw - 24px);padding:12px;display:none;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 24px 48px #0f172a3d}.editor-props-drawer.is-open{display:flex}@media (width>=1281px){.editor-workbench-v2 .editor-grid{grid-template-columns:minmax(200px,240px) minmax(0,1fr) clamp(260px,22vw,300px)}.editor-workbench-v2 .editor-grid:has(.editor-rail-collapsed){grid-template-columns:40px minmax(0,1fr) clamp(260px,22vw,300px)}.editor-workbench-v2 .editor-props-drawer{z-index:auto;width:auto;box-shadow:none;padding-top:10px;padding-bottom:10px;display:flex;position:relative;top:auto;bottom:auto;right:auto}.editor-workbench-v2 .editor-props-drawer .editor-props-close{display:none}}@media (width<=1280px) and (width>=1025px){.editor-workbench-v2 .editor-grid{grid-template-columns:minmax(180px,220px) minmax(0,1fr)}.editor-workbench-v2 .editor-grid:has(.editor-rail-collapsed){grid-template-columns:40px minmax(0,1fr)}.editor-topbar{padding:6px 10px}.editor-topbar-group .btn{height:26px;padding:0 6px;font-size:11px}}@media (width<=1024px){.settings-shell{grid-template-columns:minmax(0,1fr);height:auto}.settings-nav{gap:6px;display:flex;overflow-x:auto}.settings-nav-item{min-width:136px}.settings-panel,.settings-content .crud-shell{min-height:640px}.editor-workbench-v2 .editor-grid{grid-template-columns:40px minmax(0,1fr)}.editor-workbench-v2 .editor-grid>.editor-rail:not(.editor-rail-collapsed){z-index:50;width:min(280px,100vw - 24px);position:fixed;top:12px;bottom:12px;left:12px;box-shadow:0 24px 48px #0f172a3d}.editor-topbar{gap:6px}.editor-topbar-actions{justify-content:flex-start;width:100%}}@media (width<=768px){.settings-form-grid,.settings-logo-card{grid-template-columns:minmax(0,1fr)}.settings-panel-head{flex-direction:column;align-items:flex-start}.settings-panel-head .btn{justify-content:center;width:100%}.editor-workbench-v2 .editor-grid{grid-template-columns:minmax(0,1fr)}.editor-rail-collapsed{flex-direction:row;width:auto}.editor-preview-row-actions{opacity:1;pointer-events:auto;justify-content:flex-end;margin-top:4px;position:static;transform:none}}html[data-theme=dark] .editor-topbar-group,html[data-theme=dark] .editor-rail-tabs{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark] .editor-topbar-group,html[data-theme=dark] .editor-rail-tabs{background:color-mix(in srgb, var(--surface) 92%, transparent)}}html[data-theme=dark] .editor-preview-row-actions{background:var(--surface);box-shadow:0 4px 14px #00000080}html[data-theme=dark] .editor-props-drawer{box-shadow:0 24px 48px #00000080}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.crud-shell{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-rows:44px minmax(0,1fr);height:calc(100dvh - 146px);min-height:0;display:grid;overflow:hidden}.crud-topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.crud-topbar-brand{align-items:center;gap:8px;display:inline-flex}.crud-topbar-title{color:var(--text);font-size:13px;font-weight:700}.crud-topbar-chip{color:var(--text-muted);background:var(--surface-soft);text-align:center;border-radius:99px;min-width:20px;padding:1px 8px;font-size:11px}.crud-topbar-tools{align-items:center;gap:6px;display:inline-flex}.crud-search{background:var(--surface-soft);height:28px;color:var(--text-muted);border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:0 8px;transition:border-color .15s,background .15s;display:inline-flex}.crud-search:focus-within{border-color:var(--primary,#2563eb);background:var(--surface)}.crud-search input{color:var(--text);background:0 0;border:0;outline:0;width:160px;padding:0;font-size:12px}.crud-topbar-btn{border:1px solid var(--border-strong,var(--border));background:var(--surface);height:28px;color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:0 10px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.crud-topbar-btn:hover{background:var(--surface-soft)}.crud-topbar-btn:disabled{opacity:.55;cursor:not-allowed}.crud-topbar-btn:disabled:hover{background:var(--surface)}.crud-topbar-btn.is-primary{background:var(--primary,#2563eb);border-color:var(--primary,#2563eb);color:#fff}.crud-topbar-btn.is-primary:hover{background:color-mix(in srgb, var(--primary,#2563eb) 88%, #000)}.crud-topbar-btn.is-danger{border-color:color-mix(in srgb, #ef4444 30%, var(--border));color:#b91c1c}.crud-topbar-btn.is-danger:hover:not(:disabled){border-color:color-mix(in srgb, #ef4444 45%, var(--border));background:#ef444417}html[data-theme=dark] .crud-topbar-btn.is-danger{color:#f87171}.crud-icon-btn{border:1px solid var(--border-strong,var(--border));background:var(--surface);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.crud-icon-btn:hover:not(:disabled){background:var(--surface-soft);color:var(--text)}.crud-icon-btn:disabled{opacity:.5;cursor:not-allowed}.crud-layout{grid-template-columns:160px minmax(0,1fr);height:100%;min-height:0;display:grid}.crud-layout.is-detail-open{grid-template-columns:160px minmax(0,1fr) 360px}.crud-filter{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:2px;padding:8px 6px;display:flex;overflow:auto}.crud-filter-chip{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;transition:background .15s,color .15s;display:inline-flex}.crud-filter-chip:hover{background:var(--surface-soft);color:var(--text)}.crud-filter-chip.is-active{background:color-mix(in srgb, var(--primary,#2563eb) 12%, transparent);color:var(--primary,#2563eb);font-weight:600}.crud-filter-icon{flex:none;display:inline-flex}.crud-filter-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.crud-filter-count{color:var(--text-muted-2,var(--text-muted));background:var(--surface-soft);text-align:center;border-radius:99px;min-width:18px;padding:1px 6px;font-size:10px}.crud-filter-chip.is-active .crud-filter-count{background:color-mix(in srgb, var(--primary,#2563eb) 16%, transparent);color:var(--primary,#2563eb)}.crud-filter-divider{color:var(--text-muted-2,var(--text-muted));text-transform:uppercase;letter-spacing:.08em;padding:8px 8px 2px;font-size:10px}.crud-list{min-height:0;overflow:auto}.crud-list-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.crud-row{border-bottom:1px solid var(--border-soft,var(--border));cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:background .12s;display:flex}.crud-row:hover{background:var(--surface-soft)}.crud-row.is-active{background:color-mix(in srgb, var(--primary,#2563eb) 8%, transparent)}.crud-row.is-active:before{content:"";background:var(--primary,#2563eb);border-radius:2px;width:2px;height:22px;margin-right:2px}.crud-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.crud-row-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.crud-row-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.crud-row-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:inline-flex}.crud-row:hover .crud-row-actions,.crud-row.is-active .crud-row-actions{opacity:1}.crud-row-action{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.crud-row-action:hover{background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--text)}.crud-row-action.is-danger{color:#b91c1c}.crud-row-action.is-danger:hover:not(:disabled){color:#b91c1c;background:#ef44441f}html[data-theme=dark] .crud-row-action.is-danger{color:#f87171}.crud-row-action:disabled{opacity:.45;cursor:not-allowed}.crud-row-action:disabled:hover{background:0 0}.crud-badge{background:var(--surface-soft);color:var(--text-muted);border-radius:99px;align-items:center;gap:2px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-flex}.crud-badge-default{color:#b45309;background:#f59e0b24}html[data-theme=dark] .crud-badge-default{color:#fbbf24;background:#fbbf2424}.crud-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 16px;font-size:12px;display:flex}.crud-detail{border-left:1px solid var(--border);background:var(--surface);grid-template-rows:40px minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.crud-detail-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}.crud-detail-head h3{color:var(--text);margin:0;font-size:13px;font-weight:700}.crud-detail-head-actions{align-items:center;gap:4px;display:inline-flex}.crud-detail-body{flex-direction:column;gap:10px;padding:12px;display:flex;overflow:auto}.crud-inline-status{border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;min-height:30px;padding:6px 8px;font-size:11px;line-height:1.35;display:flex}.crud-inline-status svg{flex:none}.crud-inline-status strong{flex:none;font-size:12px;font-weight:700}.crud-inline-status span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.crud-inline-status.is-success{color:#047857;background:#10b9811a;border-color:#10b98142}.crud-inline-status.is-error{color:#b91c1c;background:#ef44441a;border-color:#ef444442}html[data-theme=dark] .crud-inline-status.is-success{color:#34d399;background:#34d3991f;border-color:#34d39947}html[data-theme=dark] .crud-inline-status.is-error{color:#f87171;background:#f871711f;border-color:#f8717147}.crud-detail-foot{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:6px;padding:8px 12px;display:flex}.crud-field{gap:4px;display:grid}.crud-field-label{color:var(--text-muted);letter-spacing:.04em;font-size:11px}.crud-field input,.crud-field select,.crud-field textarea{border:1px solid var(--border-strong,var(--border));background:var(--surface);width:100%;min-height:30px;color:var(--text);border-radius:6px;outline:0;padding:5px 9px;font-size:12px;transition:border-color .15s,box-shadow .15s}.crud-field textarea{resize:vertical;min-height:84px;line-height:1.5}.crud-field input:focus,.crud-field select:focus,.crud-field textarea:focus{border-color:var(--primary,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary,#2563eb) 22%, transparent)}.crud-field input[readonly],.crud-field textarea[readonly]{background:var(--surface-soft);color:var(--text-muted);cursor:default}.crud-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.crud-select-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.is-spinning{animation:1s linear infinite crud-spin}@keyframes crud-spin{to{transform:rotate(360deg)}}@media (width<=1280px) and (width>=1025px){.crud-layout{grid-template-columns:140px minmax(0,1fr)}.crud-layout.is-detail-open{grid-template-columns:140px minmax(0,1fr) 320px}.crud-search input{width:130px}}@media (width<=1024px){.crud-layout{grid-template-columns:132px minmax(0,1fr)}.crud-layout.is-detail-open{grid-template-columns:132px minmax(0,1fr) 300px}.crud-shell{height:calc(100dvh - 130px)}.crud-search input{width:100px}}@media (width<=768px){.crud-layout{grid-template-columns:110px minmax(0,1fr)}.crud-layout.is-detail-open .crud-detail{z-index:60;width:min(92vw,360px);position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #0000002e}.crud-layout.is-detail-open{grid-template-columns:110px minmax(0,1fr)}.crud-form-grid{grid-template-columns:1fr}}.crud-badge-ok{color:#047857;background:#10b98124}html[data-theme=dark] .crud-badge-ok{color:#34d399;background:#34d39924}.crud-field-hint{color:var(--text-muted-2,var(--text-muted));margin:0 0 4px;font-size:10px;line-height:1.5}.crud-meta{color:var(--text-muted);align-items:center;gap:4px;margin:0;font-size:11px;display:inline-flex}.crud-multi-select{min-height:96px \!important;padding:4px 6px \!important}.crud-layout.is-detail-open.crud-layout-wide{grid-template-columns:160px minmax(0,1fr) 480px}@media (width<=1280px) and (width>=1025px){.crud-layout.is-detail-open.crud-layout-wide{grid-template-columns:140px minmax(0,1fr) 420px}}@media (width<=1024px){.crud-layout.is-detail-open.crud-layout-wide{grid-template-columns:132px minmax(0,1fr) 380px}}.crud-badge-muted{background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text-muted)}.crud-row-sub>svg{vertical-align:-1px;margin-right:2px;display:inline-block}.crud-code-area{font-family:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace \!important;font-size:11px \!important;min-height:220px \!important;tab-size:2;line-height:1.55}.crud-html-preview{border:1px solid var(--border-strong,var(--border));background:var(--surface-soft);min-height:220px;max-height:360px;color:var(--text);border-radius:6px;padding:12px 14px;font-size:13px;line-height:1.65;overflow:auto}.crud-html-preview h1,.crud-html-preview h2,.crud-html-preview h3{margin:.4em 0 .3em}.crud-html-preview p{margin:.4em 0}.crud-html-preview article{white-space:pre-line;display:block}.crud-inline-bar{background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.crud-inline-bar-label{color:var(--text-muted);flex-shrink:0;font-size:11px}.crud-inline-bar-select,.crud-inline-bar-input{border:1px solid var(--border-strong,var(--border));background:var(--surface);min-width:0;height:28px;color:var(--text);border-radius:6px;flex:1;padding:0 8px;font-size:12px}.crud-inline-bar-select:focus,.crud-inline-bar-input:focus{border-color:var(--primary,#2563eb);outline:0}.crud-shell-single .crud-single{flex-direction:column;min-height:0;display:flex;overflow:hidden}.crud-single{flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex;overflow:hidden}.crud-single .crud-list-rows,.crud-single .crud-empty{flex:1;min-height:0;overflow:auto}.crud-take-select{border:1px solid var(--border-strong,var(--border));background:var(--surface);height:28px;color:var(--text);border-radius:6px;padding:0 8px;font-size:12px}.crud-take-select:focus{border-color:var(--primary,#2563eb);outline:0}.crud-stat-strip{flex-wrap:wrap;gap:8px;display:flex}.crud-stat-item{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.crud-stat-item .crud-stat-value{color:var(--text);font-weight:700}.crud-stat-item.crud-stat-warn{border-color:color-mix(in srgb, #f59e0b 35%, var(--border));background:color-mix(in srgb, #f59e0b 8%, var(--surface-soft))}.crud-stat-item.crud-stat-warn .crud-stat-value{color:#b45309}html[data-theme=dark] .crud-stat-item.crud-stat-warn .crud-stat-value{color:#fbbf24}.crud-list-rows-dense .crud-row{padding:6px 10px}.crud-row-readonly{cursor:default}.crud-row-readonly:hover{background:var(--surface)}.crud-row-main-inline{flex-direction:row;align-items:center;gap:8px}.crud-row-code{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px}.crud-row-sub-muted{color:var(--text-muted-2,var(--text-muted));opacity:.85}.crud-badge-success{color:#047857;background:#10b98124}html[data-theme=dark] .crud-badge-success{color:#34d399}.crud-badge-warning{color:#b45309;background:#f59e0b29}html[data-theme=dark] .crud-badge-warning{color:#fbbf24}.crud-badge-error{color:#b91c1c;background:#ef444429}html[data-theme=dark] .crud-badge-error{color:#f87171}.crud-badge-neutral{background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text-muted)}.crud-doc-meta{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:11px;display:flex}.crud-doc-content{background:var(--surface-soft);border:1px solid var(--border);min-height:0;color:var(--text);white-space:pre-wrap;border-radius:6px;flex:1;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto}.crud-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:10px;padding:12px;display:grid;overflow:auto}@media (width<=1280px){.crud-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}}@media (width<=768px){.crud-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.crud-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;gap:6px;min-height:132px;padding:10px 12px;transition:border-color .15s,background .15s,transform .15s;display:flex}.crud-card:hover{border-color:var(--primary,#2563eb)}.crud-card.is-active{border-color:var(--primary,#2563eb);background:color-mix(in srgb, var(--primary,#2563eb) 6%, var(--surface))}.crud-card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.crud-card-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.crud-card-foot{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:6px;display:flex}.crud-card-meta{color:var(--text-muted-2,var(--text-muted));flex-wrap:wrap;align-items:center;gap:4px;font-size:10px;display:inline-flex}.crud-card-actions{align-items:center;gap:2px;display:inline-flex}.crud-card-actions .crud-row-action{padding:2px 4px}.crud-card-select{border:1px solid var(--border-strong,var(--border));background:var(--surface-soft);height:22px;color:var(--text);border-radius:4px;max-width:100px;padding:0 6px;font-size:10px}.crud-card-select:focus{border-color:var(--primary,#2563eb);outline:0}.crud-mini-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.crud-mini-row{background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.crud-mini-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.crud-mini-row-main strong{color:var(--text);font-size:12px}.crud-mini-row-main span{color:var(--text-muted);font-size:10px}.crud-mini-row-actions{gap:2px;display:inline-flex}.crud-mini-row-edit{flex-direction:column;flex:1;gap:4px;display:flex}.crud-mini-row-edit input{border:1px solid var(--border-strong,var(--border));background:var(--surface);height:24px;color:var(--text);border-radius:4px;padding:0 6px;font-size:11px}.dashboard-page{gap:12px;min-width:0;display:grid}.dashboard-hero,.dashboard-panel,.dashboard-metric{border:1px solid var(--border-soft);background:var(--surface);box-shadow:var(--shadow-subtle);border-radius:8px}.dashboard-hero{justify-content:space-between;align-items:center;gap:12px;min-height:96px;padding:14px;display:flex}.dashboard-hero-main{gap:6px;min-width:0;display:grid}.dashboard-kicker{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 10%, var(--surface-soft));width:fit-content;min-height:24px;color:var(--primary);align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-hero h3{font-family:var(--font-headline);margin:0;font-size:22px;line-height:1.25}.dashboard-hero p{color:var(--text-muted);margin:0;font-size:13px}.dashboard-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.dashboard-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.dashboard-metric{grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:100px;padding:12px;display:grid}.dashboard-metric-icon,.dashboard-activity-icon{background:var(--surface-soft);color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.dashboard-metric-icon{width:34px;height:34px}.dashboard-metric div{gap:2px;min-width:0;display:grid}.dashboard-metric span,.dashboard-metric small{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px}.dashboard-metric strong{color:var(--text);font-family:var(--font-headline);font-size:24px;line-height:1.15}.dashboard-tone-blue .dashboard-metric-icon,.dashboard-bar-blue .dashboard-bar-track span{background:color-mix(in srgb, var(--primary) 16%, var(--surface-soft));color:var(--primary)}.dashboard-tone-green .dashboard-metric-icon,.dashboard-bar-green .dashboard-bar-track span{background:color-mix(in srgb, var(--success) 14%, var(--surface-soft));color:var(--success)}.dashboard-tone-amber .dashboard-metric-icon,.dashboard-bar-amber .dashboard-bar-track span{background:color-mix(in srgb, var(--warning) 14%, var(--surface-soft));color:var(--warning)}.dashboard-tone-violet .dashboard-metric-icon{background:color-mix(in srgb, var(--secondary) 14%, var(--surface-soft));color:var(--secondary)}.dashboard-tone-red .dashboard-metric-icon{background:color-mix(in srgb, var(--error) 12%, var(--surface-soft));color:var(--error)}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:12px;display:grid}.dashboard-panel{gap:10px;min-width:0;padding:12px;display:grid}.dashboard-panel-wide{grid-column:1/-1}.dashboard-panel-head{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}.dashboard-panel-head h3{font-family:var(--font-headline);margin:0;font-size:15px;line-height:1.3}.dashboard-mini-chip,.dashboard-link-btn{border-radius:6px;align-items:center;gap:4px;min-height:26px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-mini-chip{color:var(--text-muted);background:var(--surface-soft);padding:0 8px}.dashboard-link-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0 6px}.dashboard-link-btn:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}@media (width<=1280px){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-hero{flex-direction:column;align-items:stretch}.dashboard-hero-actions{justify-content:flex-start}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=375px){.dashboard-metrics{grid-template-columns:1fr}}.dashboard-activity-list,.dashboard-health-list,.dashboard-audit-list{margin:0;padding:0;list-style:none;display:grid}.dashboard-activity-list li,.dashboard-health-list li,.dashboard-audit-list li{border-top:1px solid var(--border-soft);align-items:center;gap:8px;min-width:0;display:grid}.dashboard-activity-list li{grid-template-columns:30px minmax(0,1fr) auto;min-height:54px}.dashboard-activity-icon{width:30px;height:30px}.dashboard-activity-list strong,.dashboard-audit-list strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;display:block;overflow:hidden}.dashboard-activity-list span,.dashboard-activity-list time,.dashboard-audit-list small{color:var(--text-muted);font-size:12px}.dashboard-empty{min-height:160px;color:var(--text-muted);align-content:center;place-items:center;gap:8px;font-size:13px;display:grid}.dashboard-health-list li{min-height:38px;color:var(--text-muted);grid-template-columns:18px minmax(0,1fr) auto;font-size:12px}.dashboard-health-list strong{min-width:0;max-width:150px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-bars{gap:10px;display:grid}.dashboard-bar{gap:6px;display:grid}.dashboard-bar div{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.dashboard-bar strong{color:var(--text)}.dashboard-bar-track{border-radius:var(--radius-full);background:var(--surface-soft);height:8px;overflow:hidden}.dashboard-bar-track span{border-radius:inherit;height:100%;display:block}.dashboard-audit-list li{grid-template-columns:42px minmax(0,1fr);min-height:46px}.dashboard-audit-list li>span{background:var(--surface-soft);min-height:24px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.dashboard-actions-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;display:grid}.dashboard-action{border:1px solid var(--border-soft);background:var(--surface-soft);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.dashboard-action:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border-soft));background:color-mix(in srgb, var(--primary) 8%, var(--surface-soft))}@media (width<=375px){.dashboard-actions-grid{grid-template-columns:1fr}.dashboard-activity-list li{grid-template-columns:30px minmax(0,1fr)}.dashboard-activity-list time{grid-column:2}}