:root{--color-brand-primary:#0d9488;--color-brand-primary-hover:#0f766e;--color-brand-primary-light:#ccfbf1;--color-brand-primary-subtle:#f0fdfa;--color-brand-secondary:#d97706;--color-brand-secondary-hover:#b45309;--color-brand-secondary-light:#fef3c7;--color-brand-secondary-subtle:#fffbeb;--color-brand-secondary-text:#92400e;--color-bg:#fafaf8;--color-bg-alt:#fff;--color-surface:#f5f4f1;--color-surface-hover:#efedea;--color-surface-active:#e8e7e5;--color-border:#e5e4e0;--color-border-strong:#d1d0ce;--color-text-primary:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9b9b9b;--color-text-inverse:#fff;--color-success:#059669;--color-danger:#dc2626;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--topbar-height:56px;--header-h:56px;--container-max:1200px;--sidebar-width:240px;--ai-panel-width:320px;--editor-max-width:720px;--editor-line-height:1.75;--editor-para-spacing:16px;--shadow-card:0 10px 28px #0f172a14;color:var(--color-text-primary);background:var(--color-bg);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:1180px;min-height:100%;margin:0}body{background:var(--color-bg);min-height:100vh;overflow-x:auto}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.62}input,textarea,select{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);background:#fff;border-radius:8px;outline:none;transition:border-color .16s,box-shadow .16s}input,select{height:44px;padding:0 12px}textarea{resize:vertical;padding:12px;line-height:1.75}input:focus,textarea:focus,select:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #0d94881f}pre{white-space:pre-wrap;word-break:break-word;font-family:inherit}.dk-app,.app-shell{background:var(--color-bg);min-width:1180px;min-height:100vh}.route-editor,.route-polish,.route-qa{padding-top:var(--topbar-height)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-lg);margin:0 auto}.btn{height:44px;padding:0 var(--space-lg);justify-content:center;align-items:center;gap:var(--space-xs);white-space:nowrap;border-radius:8px;font-size:15px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s,transform 60ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{color:var(--color-text-inverse);background:var(--color-brand-primary)}.btn-primary:hover{background:var(--color-brand-primary-hover)}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background:var(--color-bg-alt)}.btn-secondary:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.btn-lg{height:52px;padding:0 var(--space-xl);font-size:16px}.doukou-header{z-index:200;height:var(--header-h);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);background:#fafaf8e0;position:sticky;top:0}.doukou-header-inner{max-width:var(--container-max);height:100%;padding:0 var(--space-lg);align-items:center;gap:var(--space-xl);margin:0 auto;display:flex}.doukou-logo{align-items:center;gap:var(--space-xs);min-height:44px;color:var(--color-text-primary);letter-spacing:-.01em;background:0 0;font-size:15px;font-weight:600;display:flex}.doukou-logo .logo-mark{width:22px;height:22px;color:var(--color-brand-primary);background:0 0;place-items:center;font-size:20px;display:grid}.doukou-logo .logo-suffix{color:var(--color-text-tertiary);margin-left:2px;font-size:13px;font-weight:400}.doukou-nav{align-items:center;gap:var(--space-2xs);display:flex}.doukou-nav button{min-height:44px;padding:var(--space-xs) var(--space-sm);color:var(--color-text-secondary);background:0 0;border-radius:6px;font-size:14px;font-weight:500}.doukou-nav button:hover{color:var(--color-text-primary);background:var(--color-surface)}.doukou-nav button.active{color:var(--color-brand-primary);background:var(--color-brand-primary-subtle);font-weight:600}.doukou-header-right{align-items:center;gap:var(--space-md);margin-left:auto;display:flex}.back-to-platform{min-width:44px;min-height:44px;padding:var(--space-2xs) var(--space-xs);align-items:center;gap:var(--space-2xs);color:var(--color-text-tertiary);background:0 0;border-radius:6px;font-size:12px;display:inline-flex}.back-to-platform:hover{color:var(--color-text-secondary);background:var(--color-surface)}.header-cta{height:32px;padding:0 var(--space-md);color:var(--color-text-inverse);background:var(--color-brand-primary);border-radius:6px;font-size:13px;font-weight:500}.header-cta:hover{background:var(--color-brand-primary-hover)}.hero{padding:var(--space-4xl) 0 var(--space-3xl);position:relative;overflow:hidden}.hero:before{pointer-events:none;content:"";background:radial-gradient(60% 50% at 12% 8%,#0d948812,#0000 60%),radial-gradient(50% 40% at 92% 20%,#d977060d,#0000 70%);position:absolute;inset:0}.hero-inner{align-items:center;gap:var(--space-4xl);grid-template-columns:1.05fr 1fr;display:grid;position:relative}.hero-badge{margin-bottom:var(--space-lg);align-items:center;gap:var(--space-2xs);border:1px solid var(--color-brand-primary-light);color:var(--color-brand-primary-hover);background:var(--color-brand-primary-subtle);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--color-brand-primary);border-radius:50%;width:6px;height:6px}.hero h1{margin:0 0 var(--space-lg);letter-spacing:-.02em;font-size:52px;font-weight:600;line-height:1.15}.hero h1 .accent{color:var(--color-brand-primary)}.hero-sub{max-width:520px;margin:0 0 var(--space-xl);color:var(--color-text-secondary);font-size:18px;line-height:1.65}.hero-sub strong{color:var(--color-text-primary);font-weight:500}.hero-actions{margin-bottom:var(--space-xl);gap:var(--space-md);flex-wrap:wrap;display:flex}.hero-meta{gap:var(--space-lg);color:var(--color-text-tertiary);flex-wrap:wrap;font-size:13px;display:flex}.hero-visual{position:relative}.hero-card{border:1px solid var(--color-border);background:var(--color-bg-alt);border-radius:16px;overflow:hidden;transform:rotate(-.4deg);box-shadow:0 8px 24px #2823191f,0 4px 8px #2823190f}.hero-card-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:6px;padding:10px 14px;display:flex}.hero-card-bar .traffic{background:var(--color-border-strong);border-radius:50%;width:9px;height:9px}.hero-card-bar .label{color:var(--color-text-tertiary);margin-left:auto;font-size:11px}.hero-card-body{padding:var(--space-xl) var(--space-xl) var(--space-lg)}.hero-card-h{margin:0 0 var(--space-md);font-size:18px;font-weight:600}.hero-card-p{margin:0 0 var(--space-md);font-size:14px;line-height:1.8}.hero-card-suggestion,.preview-main .ai-block{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border-left:2px solid var(--color-brand-secondary);background:var(--color-brand-secondary-subtle);border-radius:0 6px 6px 0}.hero-card-suggestion .stag,.preview-main .stag{color:var(--color-brand-secondary);letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.hero-card-suggestion p,.preview-main .ai-block p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.65}.hero-card-cursor{vertical-align:middle;background:var(--color-brand-primary);width:1.5px;height:16px;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-card-tag{color:#fff;background:var(--color-brand-secondary);box-shadow:var(--shadow-card);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;position:absolute;top:-14px;right:-14px;transform:rotate(8deg)}.section{padding:var(--space-4xl) 0;position:relative}.section-alt{background:var(--color-bg-alt)}.section-head{max-width:720px;margin:0 auto var(--space-3xl);text-align:center}.section-eyebrow{margin-bottom:var(--space-sm);color:var(--color-brand-primary);letter-spacing:.08em;font-size:12px;font-weight:600;display:inline-block}.section-title{margin:0 0 var(--space-md);letter-spacing:-.015em;font-size:36px;font-weight:600;line-height:1.25}.section-sub{color:var(--color-text-secondary);font-size:16px;line-height:1.65}.value-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.value-card{padding:var(--space-xl);border:1px solid var(--color-border);background:var(--color-bg-alt);border-radius:12px;transition:border-color .2s,box-shadow .2s,transform .2s}.value-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card);transform:translateY(-2px)}.value-card-icon{width:44px;height:44px;margin-bottom:var(--space-md);color:var(--color-brand-primary);background:var(--color-brand-primary-subtle);border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:flex}.value-card.warm .value-card-icon{color:var(--color-brand-secondary);background:var(--color-brand-secondary-subtle)}.value-card-title{margin:0 0 var(--space-xs);font-size:18px}.value-card-desc{margin:0 0 var(--space-md);color:var(--color-text-secondary);font-size:14px;line-height:1.7}.value-card-points{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.value-card-points li{color:var(--color-text-secondary);align-items:flex-start;gap:8px;font-size:13px;display:flex}.value-card-points li:before{background:var(--color-brand-primary);content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:8px}.preview-wrapper{padding:var(--space-2xl);border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;position:relative;overflow:hidden}.preview-frame{border:1px solid var(--color-border);background:var(--color-bg-alt);height:480px;box-shadow:var(--shadow-card);border-radius:12px;grid-template-rows:40px 1fr;grid-template-columns:200px 1fr 240px;display:grid;overflow:hidden}.preview-bar{padding:0 var(--space-md);align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-alt);grid-column:1/-1;display:flex}.preview-bar .dots{gap:6px;display:flex}.preview-bar .dots span{background:var(--color-border-strong);border-radius:50%;width:9px;height:9px}.preview-bar .title,.preview-bar .saved{color:var(--color-text-secondary);font-size:12px;font-weight:500}.preview-bar .saved{color:var(--color-success);margin-left:auto;font-size:11px}.preview-side{padding:var(--space-md);border-right:1px solid var(--color-border);background:var(--color-surface);font-size:12px}.preview-side .label{margin-bottom:var(--space-sm);color:var(--color-text-tertiary);letter-spacing:.05em;font-size:10px;font-weight:600}.preview-side .item{color:var(--color-text-secondary);border-radius:6px;margin-bottom:2px;padding:8px 10px}.preview-side .item.active{color:var(--color-brand-primary);background:var(--color-brand-primary-subtle);font-weight:500}.preview-main{padding:var(--space-xl);overflow:hidden}.preview-main h2{margin:0 0 var(--space-md);font-size:22px}.preview-main p{margin:0 0 var(--space-md);font-size:14px;line-height:1.85}.preview-aside{padding:var(--space-md);border-left:1px solid var(--color-border);background:#fafafa;font-size:12px}.preview-aside .ai-status{margin-bottom:var(--space-sm);color:var(--color-text-tertiary);font-size:11px}.preview-aside .ai-card{border:1px solid var(--color-border);background:var(--color-bg-alt);border-radius:8px;margin-bottom:8px;padding:10px 12px}.preview-aside .t{margin-bottom:4px;font-weight:600}.preview-aside .d{color:var(--color-text-secondary);font-size:11px;line-height:1.55}.preview-callout{border:1px solid var(--color-border);background:var(--color-bg-alt);box-shadow:var(--shadow-card);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex;position:absolute}.preview-callout:before{background:var(--color-brand-primary);content:"";border-radius:50%;width:6px;height:6px}.preview-callout.warm:before{background:var(--color-brand-secondary)}.preview-callout.c1{top:96px;left:24px}.preview-callout.c2{top:140px;right:36px}.preview-callout.c3{bottom:64px;left:32%}.scenario-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.scenario-card{padding:var(--space-lg);gap:var(--space-sm);border:1px solid var(--color-border);background:var(--color-bg-alt);border-radius:12px;flex-direction:column;display:flex}.scenario-card .num{color:var(--color-text-tertiary);font-family:var(--font-mono);letter-spacing:.05em;font-size:11px}.scenario-card .name{font-size:17px;font-weight:600}.scenario-card .meta{color:var(--color-text-tertiary);font-size:12px}.scenario-card .ex{padding-top:var(--space-sm);border-top:1px dashed var(--color-border);color:var(--color-text-secondary);margin:auto 0 0;font-size:13px;line-height:1.65}.steps{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.step-num{width:32px;height:32px;margin-bottom:var(--space-md);color:var(--color-brand-primary);background:var(--color-brand-primary-subtle);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.step-title{margin-bottom:var(--space-xs);font-size:18px;font-weight:600}.step-desc{color:var(--color-text-secondary);font-size:14px;line-height:1.7}.final-cta{padding:var(--space-4xl) 0;border-top:1px solid var(--color-border);background:linear-gradient(180deg, var(--color-brand-primary-subtle) 0%, var(--color-bg) 100%)}.final-cta-inner{text-align:center;max-width:780px}.final-cta h2{margin:0 0 var(--space-md);letter-spacing:-.02em;font-size:40px;line-height:1.2}.final-cta p{margin:0 0 var(--space-xl);color:var(--color-text-secondary);font-size:17px}.final-cta .actions{justify-content:center;gap:var(--space-md);display:flex}.final-cta .small{margin-top:var(--space-md);color:var(--color-text-tertiary);font-size:12px}.wrap{max-width:1280px;padding:var(--space-xl) var(--space-lg) var(--space-3xl);margin:0 auto}.page-head{margin-bottom:var(--space-xl)}.page-title{letter-spacing:-.018em;margin:0 0 6px;font-size:30px;font-weight:600}.page-sub{max-width:680px;color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.65}.tools-section{margin-bottom:var(--space-xl)}.tools-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.tool-card{padding:var(--space-xl);align-items:flex-start;gap:var(--space-lg);border:1px solid var(--color-border);background:var(--color-bg-alt);text-align:left;border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.tool-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card);transform:translateY(-2px)}.tool-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-weight:700;display:flex}.polish-icon{color:var(--color-brand-secondary);background:var(--color-brand-secondary-light)}.qa-icon{color:var(--color-brand-primary);background:var(--color-brand-primary-light)}.tool-body{flex-direction:column;gap:6px;display:flex}.tool-title{font-size:20px;font-weight:600}.tool-desc{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.tool-link{color:var(--color-brand-primary);margin-top:4px;font-size:13px;font-weight:500}.featured{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1.4fr 1fr;display:grid}.feat-card{min-height:200px;padding:var(--space-xl);justify-content:flex-end;gap:var(--space-sm);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.feat-card.primary{border-color:var(--color-brand-primary-light);background:linear-gradient(135deg,#f0fdfa 0%,#ccfbf1 60%,#99f6e4 100%)}.feat-card.warm{border-color:var(--color-brand-secondary-light);background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 60%,#fde68a 100%)}.feat-eyebrow{width:fit-content;color:var(--color-brand-primary-hover);letter-spacing:.06em;background:#ffffffb3;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.feat-card.warm .feat-eyebrow{color:var(--color-brand-secondary-hover)}.feat-title{color:var(--color-text-primary);margin:0;font-size:22px;font-weight:600;line-height:1.3}.feat-desc{max-width:90%;color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.65}.feat-actions{margin-top:var(--space-md);gap:8px;display:flex}.filters{margin-bottom:var(--space-lg);padding:var(--space-md);gap:var(--space-sm);border:1px solid var(--color-border);background:var(--color-bg-alt);border-radius:12px;flex-direction:column;display:flex}.filter-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.filter-label{width:48px;color:var(--color-text-tertiary);letter-spacing:.06em;flex-shrink:0;font-size:11px;font-weight:600}.filter-chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.fc{border:1px solid var(--color-border);min-height:44px;color:var(--color-text-secondary);background:0 0;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500}.fc.active{border-color:var(--color-brand-primary);color:#fff;background:var(--color-brand-primary)}.sort-row{padding-top:var(--space-sm);border-top:1px dashed var(--color-border);justify-content:space-between;align-items:center;display:flex}.sort-tabs{background:var(--color-surface);border-radius:8px;gap:2px;padding:3px;display:flex}.sort-tab{min-height:44px;color:var(--color-text-secondary);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500}.sort-tab.active{color:var(--color-text-primary);background:var(--color-bg-alt);box-shadow:0 1px 3px #2823190f}.result-count{color:var(--color-text-tertiary);font-size:12px}.t-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.t-card{padding:var(--space-md);gap:var(--space-sm);border:1px solid var(--color-border);background:var(--color-bg-alt);border-radius:12px;flex-direction:column;display:flex}.t-cover{background:var(--color-surface);border-radius:8px;justify-content:center;align-items:center;height:108px;display:flex;position:relative;overflow:hidden}.t-cover.cover-tpl{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.t-type-badge{color:#fff;background:#0d9488eb;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.t-grade-badge{color:var(--color-text-secondary);background:#ffffffd9;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;right:8px}.t-title{color:var(--color-text-primary);margin:0;font-size:15px;font-weight:600;line-height:1.4}.t-tags{flex-wrap:wrap;gap:4px;display:flex}.t-tag{color:var(--color-text-secondary);background:var(--color-surface);border-radius:999px;padding:2px 7px;font-size:11px}.t-tag.cool{color:var(--color-brand-primary);background:var(--color-brand-primary-subtle)}.t-desc{color:var(--color-text-secondary);flex:1;margin:0;font-size:12.5px;line-height:1.6}.t-foot{justify-content:space-between;align-items:center;gap:var(--space-xs);padding-top:var(--space-xs);border-top:1px dashed var(--color-border);margin-top:auto;display:flex}.t-uses{color:var(--color-text-tertiary);font-size:11px}.t-cta{min-height:44px;color:var(--color-brand-primary);background:var(--color-brand-primary-subtle);border-radius:6px;padding:0 10px;font-size:11.5px;font-weight:500}.topbar-left-group{align-items:center;gap:8px;display:flex}.hamburger-btn{width:36px;height:36px;color:var(--color-text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:none}.hamburger-btn:hover{background:var(--color-surface-hover)}.hamburger-btn svg{width:18px;height:18px}.sidebar-overlay{display:none}.topbar{z-index:50;height:var(--topbar-height);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;grid-template-columns:220px auto minmax(220px,1fr) auto;align-items:center;gap:18px;padding:0 16px;display:grid;position:fixed;inset:0 0 auto}.logo{background:0 0;border-radius:8px;align-items:center;gap:10px;height:44px;padding:0 8px;font-weight:700;display:inline-flex}.logo-mark{color:#fff;background:var(--color-brand-primary);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.topbar-nav{align-items:center;gap:4px;display:flex}.nav-link{height:36px;color:var(--color-text-secondary);background:0 0;border-radius:8px;padding:0 12px}.nav-link:hover{background:var(--color-surface)}.nav-link.active{color:var(--color-brand-primary);background:var(--color-brand-primary-subtle);font-weight:600}.topbar-title{text-align:center;justify-self:center;min-width:220px}.doc-title-input{text-align:center;background:0 0;border-color:#0000;width:360px;height:38px;font-size:15px;font-weight:600}.doc-title-input:focus{border-color:var(--color-border);background:#fff}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.ai-toggle,.text-button,.avatar-button{background:var(--color-surface);border-radius:8px;height:36px}.ai-toggle{padding:0 12px}.ai-toggle.active{color:var(--color-brand-primary);background:var(--color-brand-primary-subtle)}.save-status{color:var(--color-text-tertiary);font-size:13px}.avatar-button{color:#fff;background:var(--color-brand-secondary);width:36px;font-weight:700}.text-button{color:var(--color-text-secondary);padding:0 10px}.button{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:600;display:inline-flex}.button.small{min-height:36px;padding:0 14px}.button.primary{color:#fff;background:var(--color-brand-primary)}.button.primary:hover{background:var(--color-brand-primary-hover)}.button.secondary{color:#fff;background:var(--color-brand-secondary)}.toast{z-index:80;border:1px solid var(--color-border);min-width:240px;box-shadow:var(--shadow-card);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:fixed;bottom:24px;right:24px}.toast button{background:var(--color-surface);border-radius:8px;width:28px;height:28px}.app-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--ai-panel-width);height:calc(100vh - var(--topbar-height));transition:grid-template-columns .18s;display:grid;overflow:hidden}.app-layout.ai-collapsed{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) 0}.doc-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);overflow:auto}.sidebar-header{z-index:1;background:var(--color-surface);gap:12px;padding:20px;display:grid;position:sticky;top:0}.sidebar-header h2,.history-heading h2{margin:0;font-size:16px}.new-doc-btn,.history-heading button{height:40px;color:var(--color-brand-primary);background:var(--color-brand-primary-subtle);border-radius:8px;font-weight:600}.doc-item,.history-item{border:1px solid var(--color-border);text-align:left;background:#fff;border-radius:12px;gap:6px;width:calc(100% - 24px);margin:0 12px 8px;padding:14px;display:grid}.doc-item.active,.history-item:hover{border-color:var(--color-brand-primary);box-shadow:0 8px 20px #0d948814}.doc-item span,.history-item span{color:var(--color-text-tertiary);font-size:13px}.history-item-row{justify-content:space-between;align-items:center;display:flex}.history-item em{color:var(--color-brand-primary);background:var(--color-brand-primary-subtle);border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:600}.history-delete{width:24px;height:24px;color:var(--color-text-tertiary);opacity:0;border-radius:6px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:inline-flex}.history-item:hover .history-delete{opacity:1}.history-delete:hover{color:var(--color-danger);background:#fee2e2}.editor-canvas{background:#fff;overflow:auto}.editor-article{width:100%;max-width:var(--editor-max-width);min-height:calc(100vh - var(--topbar-height));margin:0 auto;padding:64px 24px 120px}.article-title-input{letter-spacing:-.03em;border:0;border-radius:0;height:auto;padding:0;font-size:34px;font-weight:700}.article-title-input:focus{box-shadow:none}.editor-body{font-size:17px;line-height:var(--editor-line-height);margin-top:28px}.editor-textarea{resize:none;border:0;border-radius:0;min-height:360px;padding:0}.editor-textarea:focus{box-shadow:none}.editor-loading{color:var(--color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 0;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-brand-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-block{border:1px solid var(--color-brand-primary-light);background:var(--color-brand-primary-subtle);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;margin-top:24px;padding:16px;display:grid}.ai-block span,.ai-card>span,.pane-header span,.result-header span,.page-card>span,.hero-card>span{color:var(--color-brand-secondary-text);letter-spacing:.08em;font-size:12px;font-weight:700}.ai-block p{color:var(--color-text-secondary);margin:8px 0 0}.ai-block-actions,.card-actions{gap:8px;display:flex}.ai-block-actions button,.card-actions button{min-height:36px;color:var(--color-brand-primary);background:#fff;border-radius:8px;padding:0 12px;font-weight:600}.ai-block-actions .ghost,.card-actions button+button{color:var(--color-text-secondary);background:0 0}.ai-panel{border-left:1px solid var(--color-border);background:var(--color-surface);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.ai-collapsed .ai-panel{opacity:0;pointer-events:none}.ai-panel-header{border-bottom:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;padding:18px;display:flex}.ai-panel-header h2{margin:0 0 6px;font-size:17px}.ai-panel-header span{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.ai-panel-header i,.status-live:before{background:var(--color-brand-primary);content:"";border-radius:50%;width:8px;height:8px}.ai-panel-header button{background:var(--color-surface);border-radius:8px;width:32px;height:32px}.ai-panel-body{padding:16px;overflow:auto}.ai-card{border:1px solid var(--color-border);background:#fff;border-radius:12px;margin-bottom:12px;padding:14px;box-shadow:0 4px 14px #0f172a0a}.ai-card h3{margin:8px 0;font-size:15px}.ai-card p{color:var(--color-text-secondary);margin:0 0 12px;line-height:1.65}.streaming-card.streaming{border-color:var(--color-brand-primary-light)}.streaming-card.error{background:#fef2f2;border-color:#fca5a5}.ai-input-wrap{border-top:1px solid var(--color-border);background:#fff;grid-template-columns:minmax(0,1fr) 64px;gap:8px;padding:12px;display:grid}.ai-input-wrap button{color:#fff;background:var(--color-brand-primary);border-radius:8px;height:44px;font-weight:600}.writing-workspace{height:calc(100vh - var(--topbar-height));background:var(--color-surface);grid-template-columns:260px minmax(420px,560px) 8px minmax(0,1fr);display:grid;overflow:hidden}.history-sidebar{border-right:1px solid var(--color-border);background:#fff;padding:16px 0;overflow:auto}.history-heading{gap:12px;padding:0 16px 16px;display:grid}.history-item em{color:var(--color-brand-secondary-text);background:#fef3c7;border-radius:999px;justify-self:start;padding:3px 8px;font-size:12px;font-style:normal}.input-pane{background:#fff;padding:28px 24px 72px;overflow:auto}.pane-header h1{margin:8px 0;font-size:28px}.pane-header p{color:var(--color-text-secondary);margin:0 0 22px;line-height:1.7}.chip-row,.type-grid{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.chip{border:1px solid var(--color-border);background:#fff;border-radius:999px;min-height:36px;padding:0 12px}.chip.active{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-brand-primary-subtle)}.field{gap:8px;margin-bottom:16px;display:grid}.field span{color:var(--color-text-secondary);font-size:14px;font-weight:600}.large-textarea{min-height:260px}.question-textarea{min-height:180px}.submit-row{color:var(--color-text-tertiary);justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.submit-row .warning{color:var(--color-brand-secondary-text)}.resize-handle{cursor:col-resize;background:linear-gradient(90deg, transparent, var(--color-border), transparent);flex-shrink:0;width:6px;transition:background .2s}.resize-handle:hover{background:var(--color-brand-primary-light)}.result-header-actions{align-items:center;gap:8px;display:flex}.copy-btn{height:32px;color:var(--color-brand-primary);background:var(--color-brand-primary-subtle);border-radius:6px;padding:0 12px;font-size:12px;font-weight:600;transition:background .15s}.copy-btn:hover{background:var(--color-brand-primary-light)}.result-panel{border-left:1px solid var(--color-border);background:#fff;overflow:hidden}.result-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.result-header h2{margin:5px 0 0;font-size:20px}.status-live{color:var(--color-brand-primary);align-items:center;gap:6px;font-style:normal;font-weight:600;display:inline-flex}.result-scroll{height:calc(100vh - var(--topbar-height) - 81px);padding:20px;overflow:auto}.state-empty,.state-error{border:1px dashed var(--color-border-strong);text-align:center;background:var(--color-surface);border-radius:12px;margin:20px;padding:28px}.state-error{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.score-card{color:#fff;background:linear-gradient(135deg, var(--color-brand-primary), var(--color-brand-secondary));border-radius:16px;place-items:center;min-height:120px;display:grid}.score-card strong{font-size:42px}.dimension-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;display:grid}.dimension-grid div{background:var(--color-surface);border-radius:12px;padding:12px}.dimension-grid span{color:var(--color-text-tertiary);font-size:12px;display:block}.dimension-grid strong{margin-top:4px;display:block}.result-document,.teacher-comment,.mod-list,.question-card,.answer-section{border:1px solid var(--color-border);background:#fff;border-radius:12px;margin-top:16px;padding:18px}.result-document h3,.teacher-comment h3,.mod-list h3,.answer-section h3{margin:0 0 12px}.question-card{background:var(--color-brand-primary-subtle)}.question-card span{color:var(--color-brand-primary);font-size:13px;font-weight:700}.question-card p{margin:8px 0 0;line-height:1.7}.type-option{border:1px solid var(--color-border);background:#fff;border-radius:999px;grid-template-columns:24px auto;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:inline-grid}.type-option input{display:none}.type-option span{width:24px;height:24px;color:var(--color-text-secondary);background:var(--color-surface);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.type-option.selected{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-brand-primary-subtle)}.type-option.selected span{color:#fff;background:var(--color-brand-primary)}.context-details{border:1px solid var(--color-border);border-radius:12px;margin-bottom:16px;padding:14px}.context-details summary{color:var(--color-text-secondary);cursor:pointer;margin-bottom:12px;font-weight:600}.context-details em{color:var(--color-text-tertiary);font-style:normal;font-weight:400}.md-content{color:var(--color-text-primary);word-break:break-word;line-height:1.75}.md-content h1,.md-content h2,.md-content h3{margin:1em 0 .5em}.md-content h1:first-child,.md-content h2:first-child,.md-content h3:first-child,.md-content p:first-child{margin-top:0}.md-content p{margin:0 0 .75em}.md-content ul,.md-content ol{padding-left:1.4em}.md-content li+li{margin-top:.35em}.streaming-copy{min-height:24px}.simple-page,.dashboard-page{min-height:calc(100vh - var(--topbar-height));background:var(--color-surface);grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:24px;padding:32px;display:grid}.dashboard-page{grid-template-columns:minmax(0,1fr)}.hero-card,.page-card,.work-entry{border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:#fff;border-radius:16px}.hero-card{padding:38px}.hero-card h1,.page-card h1{margin:8px 0 12px;font-size:34px}.hero-card p,.page-card p{color:var(--color-text-secondary);line-height:1.75}.quick-work{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.work-entry{text-align:left;min-height:190px;padding:24px}.work-entry.featured{border-color:var(--color-brand-primary-light);background:var(--color-brand-primary-subtle)}.work-entry span{color:var(--color-brand-secondary-text);font-weight:700}.work-entry h2{margin:18px 0 8px}.work-entry p{color:var(--color-text-secondary);margin:0;line-height:1.7}.page-card{padding:24px}.page-card.wide{max-width:720px}.template-grid{gap:12px;margin-top:20px;display:grid}.template-grid button{border:1px solid var(--color-border);text-align:left;background:#fff;border-radius:12px;gap:8px;padding:16px;transition:border-color .16s,box-shadow .16s;display:grid}.template-grid button:hover{border-color:var(--color-brand-primary);box-shadow:0 10px 24px #0d948814}.template-grid span{color:var(--color-brand-secondary-text);font-size:12px;font-weight:700}.template-grid p{margin:0}.guide-list{color:var(--color-text-secondary);margin:18px 0 0;padding-left:1.4em;line-height:1.9}.search-box,.email-form{gap:12px;display:grid}.poem-list{gap:8px;margin-top:18px;display:grid}.poem-list button{border:1px solid var(--color-border);text-align:left;background:#fff;border-radius:10px;gap:4px;padding:12px;display:grid}.poem-list span{color:var(--color-text-tertiary);font-size:13px}.poem-reader pre{line-height:1.9}.inline-actions{grid-template-columns:minmax(0,1fr) 120px;gap:10px;display:grid}.inline-actions button{color:var(--color-brand-primary);background:var(--color-brand-primary-subtle);border-radius:8px;font-weight:600}.qa-result-scroll{padding:24px}.question-card{background:var(--color-brand-primary-subtle);border:1px solid var(--color-brand-primary-light);border-radius:12px;margin-bottom:24px;padding:20px}.question-card span{color:var(--color-brand-primary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.question-card p{color:var(--color-text-primary);margin:0;font-size:15px;line-height:1.65}.answer-section{color:var(--color-text-primary);font-size:14px;line-height:1.75}.qa-section-block{flex-direction:column;gap:16px;display:flex}.qa-section-block h3{border-left:3px solid var(--color-brand-primary);color:var(--color-text-primary);margin:20px 0 4px;padding-left:12px;font-size:15px;font-weight:600;line-height:1.4}.qa-section-block h3:first-child{margin-top:0}.qa-section-block blockquote{background:var(--color-brand-secondary-subtle);border-left:3px solid var(--color-brand-secondary);border-radius:0 8px 8px 0;margin:8px 0;padding:14px 18px;font-style:normal}.qa-section-block blockquote p{margin:0;font-size:14px;line-height:1.8}.qa-section-block pre{white-space:pre-wrap;word-break:break-word;color:var(--color-text-primary);border:1px solid var(--color-border);background:#f3f4f6;border-radius:10px;padding:16px 20px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.8;overflow-x:auto}.qa-section-block pre code{font-size:inherit;background:0 0;padding:0}.qa-section-block ol{counter-reset:qa-item;margin:4px 0;padding:0;list-style:none}.qa-section-block ol li{counter-increment:qa-item;border-bottom:1px solid var(--color-border);padding:8px 0 8px 32px;position:relative}.qa-section-block ol li:last-child{border-bottom:none}.qa-section-block ol li:before{content:counter(qa-item);background:var(--color-brand-primary-subtle);width:22px;height:22px;color:var(--color-brand-primary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;left:0}.qa-section-block ul{margin:4px 0;padding:0;list-style:none}.qa-section-block ul li{padding:6px 0 6px 22px;line-height:1.7;position:relative}.qa-section-block ul li:before{content:"";background:var(--color-brand-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:13px;left:4px}.qa-encourage{background:var(--color-brand-secondary-subtle);border-left:3px solid var(--color-brand-secondary);border-radius:12px;margin-top:24px;padding:18px 20px}.qa-encourage p{color:var(--color-brand-secondary-text);margin:0;font-size:13px;line-height:1.8}.voice-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.voice-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:20px;padding:28px;display:flex}.voice-quote{color:var(--color-text-secondary);flex:1;margin:0;font-size:14px;line-height:1.75}.voice-who{align-items:center;gap:12px;display:flex}.voice-avatar{background:var(--color-brand-primary-subtle);width:40px;height:40px;color:var(--color-brand-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.voice-who-meta{flex-direction:column;gap:2px;display:flex}.voice-name{font-size:13px;font-weight:600}.voice-role{color:var(--color-text-tertiary);font-size:11px}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:48px 0 24px}.footer-inner{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;margin-bottom:32px;display:grid}.footer-logo{align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.footer-logo .logo-mark{color:var(--color-brand-primary)}.footer-brand p{color:var(--color-text-secondary);max-width:280px;margin:0;font-size:13px;line-height:1.7}.footer-col h4{color:var(--color-text-tertiary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:600}.footer-col ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-col li button,.footer-col li a{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;text-decoration:none;transition:color .15s}.footer-col li button:hover,.footer-col li a:hover{color:var(--color-brand-primary)}.footer-bottom{border-top:1px solid var(--color-border);color:var(--color-text-tertiary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;font-size:12px;display:flex}.footer-bottom a{color:inherit;text-decoration:none;transition:color .15s}.footer-bottom a:hover{color:var(--color-text-secondary)}.works-layout{max-width:var(--container-max);min-height:calc(100vh - var(--header-h));grid-template-columns:240px 1fr;margin:0 auto;display:grid}.works-sidebar{border-right:1px solid var(--color-border);padding:32px 16px 32px 24px;overflow-y:auto}.works-side-section{margin-bottom:32px}.works-side-h{color:var(--color-text-tertiary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;padding:0 8px;font-size:11px;font-weight:600}.works-side-list{flex-direction:column;gap:2px;display:flex}.works-side-link{width:100%;color:var(--color-text-secondary);text-align:left;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:background .15s,color .15s;display:flex}.works-side-link:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.works-side-link.active{background:var(--color-brand-primary-subtle);color:var(--color-brand-primary);font-weight:500}.works-side-count{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.works-side-link.active .works-side-count{color:var(--color-brand-primary)}.works-tag-cloud{flex-wrap:wrap;gap:6px;padding:0 8px;display:flex}.works-tag-chip{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid #0000;border-radius:9999px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;transition:all .15s;display:inline-flex}.works-tag-chip:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border)}.works-tag-chip.cool{color:var(--color-brand-primary);background:var(--color-brand-primary-subtle)}.works-tag-chip.cool:hover{background:var(--color-brand-primary-light)}.works-tag-chip.warm{color:var(--color-brand-secondary-hover);background:var(--color-brand-secondary-subtle)}.works-tag-chip.warm:hover{background:var(--color-brand-secondary-light)}.works-side-overlay{display:none}.works-main{padding:32px 32px 64px}.works-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.works-page-title{letter-spacing:-.015em;margin:0 0 4px;font-size:26px;font-weight:600}.works-page-sub{color:var(--color-text-tertiary);margin:0;font-size:13px}.works-page-actions{gap:8px;display:flex}.btn-works{border-radius:8px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.btn-works-primary{background:var(--color-brand-primary);color:#fff}.btn-works-primary:hover{background:var(--color-brand-primary-hover)}.btn-works-secondary{background:var(--color-bg-alt);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-works-secondary:hover{background:var(--color-surface);border-color:var(--color-border-strong)}.works-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.works-stat-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:12px;padding:16px 24px}.works-stat-label{color:var(--color-text-tertiary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}.works-stat-value{letter-spacing:-.01em;color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.works-stat-meta{color:var(--color-text-tertiary);margin-top:2px;font-size:11px}.works-stat-meta .up{color:var(--color-success)}.works-toolbar{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:10px 12px;display:flex}.works-search{background:var(--color-surface);border:1px solid #0000;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:200px;padding:6px 10px;transition:border-color .15s,background .15s;display:flex}.works-search:focus-within{background:var(--color-bg-alt);border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-primary-light)}.works-search input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.works-search input::placeholder{color:var(--color-text-tertiary)}.works-filter-group{border-left:1px solid var(--color-border);align-items:center;gap:6px;padding-left:12px;display:flex}.works-filter-chip{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.works-filter-chip:hover{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.works-filter-chip.active{background:var(--color-brand-primary-subtle);color:var(--color-brand-primary);border-color:var(--color-brand-primary-light)}.works-view-toggle{border:1px solid var(--color-border);border-radius:8px;margin-left:auto;display:flex;overflow:hidden}.works-view-btn{width:32px;height:32px;color:var(--color-text-tertiary);background:var(--color-bg-alt);justify-content:center;align-items:center;transition:all .15s;display:flex}.works-view-btn:hover{color:var(--color-text-primary);background:var(--color-surface)}.works-view-btn.active{background:var(--color-surface-active);color:var(--color-text-primary)}.works-view-btn svg{width:14px;height:14px}.works-view-btn+.works-view-btn{border-left:1px solid var(--color-border)}.works-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.works-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:12px;padding:16px 16px 12px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.works-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card);transform:translateY(-1px)}.works-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.works-card-cat{color:var(--color-text-secondary);background:var(--color-surface);border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.works-card-cat.cat-diary{color:var(--color-brand-primary);background:var(--color-brand-primary-subtle)}.works-card-cat.cat-review{color:var(--color-brand-secondary-hover);background:var(--color-brand-secondary-subtle)}.works-card-cat.cat-prompt{color:#7c3aed;background:#f5f3ff}.works-card-cat.cat-imagine{color:#0369a1;background:#f0f9ff}.works-card-score{color:var(--color-success);font-variant-numeric:tabular-nums;background:#ecfdf5;border-radius:9999px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.works-card-score svg{width:10px;height:10px}.works-card-score.mid{color:var(--color-warning);background:var(--color-brand-secondary-subtle)}.works-card-title{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600;line-height:1.35}.works-card-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.works-card-meta{color:var(--color-text-tertiary);border-top:1px dashed var(--color-border);align-items:center;gap:12px;padding-top:8px;font-size:11px;display:flex}.works-card-dot{background:var(--color-text-tertiary);opacity:.5;border-radius:50%;width:2px;height:2px}.works-card-actions{align-items:center;gap:4px;padding-top:8px;display:flex}.works-card-act{height:32px;color:var(--color-text-secondary);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.works-card-act:hover{background:var(--color-surface);color:var(--color-text-primary)}.works-card-act.primary{color:var(--color-brand-primary);background:var(--color-brand-primary-subtle)}.works-card-act.primary:hover{background:var(--color-brand-primary-light)}.works-card-act svg{width:12px;height:12px}.works-card-act-icon{flex:none;width:32px}.works-empty{background:var(--color-bg-alt);border:2px dashed var(--color-border);text-align:center;border-radius:12px;flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;padding:48px;display:flex}.works-empty-title{font-size:16px;font-weight:600}.works-empty-desc{color:var(--color-text-secondary);max-width:360px;margin:0;font-size:13px;line-height:1.65}.works-empty-actions{gap:8px;display:flex}@media (width<=1024px){.works-layout{grid-template-columns:200px 1fr}.works-cards,.works-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.works-layout{grid-template-columns:1fr}.works-sidebar{left:0;top:var(--header-h);background:var(--color-bg-alt);z-index:50;width:240px;box-shadow:var(--shadow-card);transition:transform .2s;position:fixed;bottom:0;transform:translate(-100%)}.works-side-overlay{display:none}.works-side-overlay.open{inset:var(--header-h) 0 0 0;z-index:40;background:#28231933;display:block;position:fixed}.works-main{padding:16px 16px 48px}.works-page-head{flex-direction:column;align-items:flex-start}.works-toolbar{padding:8px 10px}.works-filter-group{border-left:none;flex-wrap:wrap;padding-left:0}.works-stats{grid-template-columns:1fr 1fr}.works-cards{grid-template-columns:1fr}}@media (width<=1024px){.voice-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=768px){.voice-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.footer-bottom{justify-content:flex-start}}@media (width<=1024px){.hamburger-btn{display:inline-flex}.topbar .logo,.workspace-topbar .logo{font-size:13px}.topbar .logo .logo-mark,.workspace-topbar .logo .logo-mark{width:22px}.sidebar-overlay.visible{inset:var(--topbar-height) 0 0 0;z-index:40;background:#28231933;display:block;position:fixed}html,body,#app,.app-shell{min-width:768px}.topbar{grid-template-columns:160px auto minmax(160px,1fr) auto}.app-layout{grid-template-columns:0 minmax(0,1fr) 0}.app-layout.sidebar-open{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) 0}.app-layout.sidebar-open .doc-sidebar{left:0;top:var(--topbar-height);width:var(--sidebar-width);z-index:45;position:fixed;bottom:0;transform:translate(0);box-shadow:8px 0 24px #0f172a1f}.doc-sidebar{left:0;top:var(--topbar-height);width:var(--sidebar-width);z-index:45;transition:transform .2s;position:fixed;bottom:0;transform:translate(-100%)}.ai-panel{top:var(--topbar-height);width:var(--ai-panel-width);position:fixed;bottom:0;right:0;box-shadow:-16px 0 32px #0f172a1f}.ai-collapsed .ai-panel{transform:translate(100%)}.ai-panel-overlay{display:none}.ai-panel-overlay.visible{inset:var(--topbar-height) 0 0 0;z-index:44;background:#28231933;display:block;position:fixed}}