.ui-btn{border:var(--border-thick) solid transparent;border-radius:var(--radius-sm);font-family:var(--font-base);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--ease-base), color var(--ease-base), border-color var(--ease-base);justify-content:center;align-items:center;gap:6px;padding:8px 14px;line-height:1;display:inline-flex}.ui-btn--sm{font-size:var(--text-xs);padding:5px 10px}.ui-btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.ui-btn--primary:hover:not(:disabled){background:var(--btn-primary-hover)}.ui-btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.ui-btn--secondary:hover:not(:disabled){background:var(--btn-secondary-hover)}.ui-btn--ghost{color:var(--btn-ghost-text);background:0 0}.ui-btn--ghost:hover:not(:disabled){background:var(--btn-ghost-hover)}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-seg{background:var(--surface-4);border:var(--border) solid var(--border-subtle);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.ui-seg--full{width:100%;display:flex}.ui-seg__item{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-base);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--ease-base), color var(--ease-base), box-shadow var(--ease-base);background:0 0;border:none;flex:auto;justify-content:center;align-items:center;gap:4px;padding:6px 12px;line-height:1.2;display:inline-flex}.ui-seg__item.is-active{background:var(--surface-1,#fff);color:var(--text-primary);box-shadow:0 1px 2px #00000014}[data-theme=dark] .ui-seg__item.is-active{background:var(--surface-6,var(--surface-5))}.ui-seg__item:disabled{opacity:.4;cursor:not-allowed}.ui-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.ui-switch__track{background:var(--surface-5);border:var(--border) solid var(--border-default);border-radius:var(--radius-full);width:36px;height:21px;transition:background var(--ease-base), border-color var(--ease-base);flex-shrink:0;position:relative}.ui-switch__thumb{width:15px;height:15px;transition:transform var(--ease-base);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.ui-switch.is-on .ui-switch__track{background:var(--accent);border-color:var(--accent)}.ui-switch.is-on .ui-switch__thumb{transform:translate(15px)}.ui-switch__label{font-size:var(--text-sm);color:var(--text-primary)}.ui-switch.is-disabled{opacity:.45;cursor:not-allowed}.ui-tabs{border-bottom:var(--border-thick) solid var(--border-subtle);gap:2px;display:flex}.ui-tabs__item{color:var(--text-muted);font-family:var(--font-base);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--ease-base), border-color var(--ease-base);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:7px 12px;line-height:1.2}.ui-tabs__item:hover{color:var(--text-secondary)}.ui-tabs__item.is-active{color:var(--accent);border-bottom-color:var(--accent)}.ui-stepper{align-items:stretch;display:inline-flex}.ui-stepper__btn{background:var(--btn-secondary-bg);width:26px;color:var(--text-secondary);border:var(--border-thick) solid var(--input-border);cursor:pointer;font-size:var(--text-md);-webkit-user-select:none;user-select:none;transition:background var(--ease-base);justify-content:center;align-items:center;line-height:1;display:inline-flex}.ui-stepper__btn:hover:not(:disabled){background:var(--btn-secondary-hover)}.ui-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.ui-stepper__btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}.ui-stepper__btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.ui-stepper__input{text-align:center;background:var(--input-bg);width:52px;color:var(--input-text);border:var(--border-thick) solid var(--input-border);font-family:var(--font-base);font-size:var(--text-sm);appearance:textfield;padding:6px 4px}.ui-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-stepper__input:focus{border-color:var(--input-border-focus);outline:none}.ui-stepper__unit{color:var(--text-muted);font-size:var(--text-xs);align-items:center;padding:0 6px;display:inline-flex}.ui-chips{flex-wrap:wrap;gap:5px;display:flex}.ui-chip{border-radius:var(--radius-full);border:var(--border-thick) solid var(--border-default);color:var(--text-secondary);font-family:var(--font-base);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--ease-base), color var(--ease-base), border-color var(--ease-base);background:0 0;padding:5px 11px;line-height:1.2}.ui-chip:hover:not(.is-active){background:var(--bg-hover)}.ui-chip.is-active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.ui-field{margin-bottom:14px}.ui-field__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:none;letter-spacing:.01em;align-items:center;gap:6px;margin-bottom:6px;display:flex}.ui-field__hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:5px;line-height:1.5}.ui-section{border:var(--border-thick) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-2,var(--bg-base));flex-shrink:0;margin-bottom:10px;overflow:visible}.ui-section__header{cursor:pointer;width:100%;font-family:var(--font-base);text-align:left;transition:background var(--ease-base);border-radius:calc(var(--radius-lg) - 1px);background:0 0;border:none;align-items:center;gap:10px;padding:12px 14px;display:flex}.ui-section.is-open .ui-section__header{border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}.ui-section__header:hover{background:var(--bg-hover)}.ui-section__num{background:var(--surface-5);width:22px;height:22px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ui-section.is-open .ui-section__num,.ui-section.is-done .ui-section__num{background:var(--accent);color:#fff}.ui-section__title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary)}.ui-section__summary{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:50%;margin-left:auto;overflow:hidden}.ui-section__chev{color:var(--text-muted);transition:transform var(--ease-base);flex-shrink:0}.ui-section.is-open .ui-section__chev{transform:rotate(180deg)}.ui-section__body{padding:4px 14px 20px}.ui-popover{display:inline-block;position:relative}.ui-popover__panel{background:var(--surface-1,#fff);border:var(--border-thick) solid var(--border-default);border-radius:var(--radius-md);min-width:240px;padding:10px;box-shadow:0 8px 24px #00000024}[data-theme=dark] .ui-popover__panel{background:var(--surface-4)}.ui-notice{border-radius:var(--radius-sm);font-size:var(--text-xs);padding:8px 10px;line-height:1.55}.ui-notice--info{background:var(--accent-subtle);color:var(--accent)}.ui-notice--neutral{background:var(--surface-4);color:var(--text-secondary)}.ui-notice--warn{color:#b07a14;background:#b07a141f}.ui-notice--danger{color:#bc3b2e;background:#bc3b2e1f}.ui-select{background:var(--input-bg);width:100%;color:var(--input-text);border:var(--border-thick) solid var(--input-border);border-radius:var(--radius-sm);font-family:var(--font-base);font-size:var(--text-sm);cursor:pointer;padding:7px 10px}.ui-select:focus{border-color:var(--input-border-focus);outline:none}.molding-dropdown-item:hover{background:var(--surface-5)!important}.molding-detail-panel{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-3);margin-bottom:16px;padding:14px}.mdp-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mdp-title{font-size:var(--text-3xl);color:var(--text-primary);font-weight:700;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mdp-sub{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.mdp-sub-extra{font-size:var(--text-xs);color:var(--text-disabled);margin-left:6px}.mdp-media-row{align-items:flex-start;gap:16px;margin-top:12px;display:flex}.mdp-media{flex:0 0 140px;max-width:140px}.mdp-price-slot{flex:auto;min-width:0}.mdp-hero{background:var(--surface-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:100%;height:140px;display:flex;overflow:hidden}.mdp-hero img{object-fit:contain;width:100%;height:100%}.mdp-hero-empty{color:var(--text-muted);font-size:var(--text-sm)}.mdp-thumbs{gap:6px;padding:8px 0 2px;display:flex;overflow-x:auto}.mdp-thumb{border:1px solid var(--border-default);border-radius:var(--radius-xs);background:var(--surface-4);cursor:pointer;flex:none;width:40px;height:40px;padding:0;position:relative;overflow:hidden}.mdp-thumb.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mdp-thumb img{object-fit:contain;width:100%;height:100%}.mdp-thumb-badge{font-size:var(--text-2xs);text-align:center;background:var(--accent);color:var(--accent-text);line-height:1.4;position:absolute;bottom:0;left:0;right:0}.mdp-specs{border-top:1px solid var(--border-faint);grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:6px 16px;margin-top:14px;padding-top:12px;display:grid}.mdp-spec-item{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.mdp-spec-label{font-size:var(--text-xs);color:var(--text-muted)}.mdp-spec-value{font-size:var(--text-base);color:var(--text-primary);font-variant-numeric:tabular-nums}.mdp-spec-note{font-size:var(--text-2xs);color:var(--status-warning);flex-basis:100%;line-height:1.4}@media (width<=900px){.mdp-media-row{flex-direction:column}.mdp-media{flex-basis:auto;width:100%;max-width:none}.mdp-hero{max-width:260px}.mdp-specs{grid-template-columns:repeat(2,1fr)}}.q-tabs{border-bottom:1px solid var(--border-faint);scrollbar-width:none;align-items:center;gap:4px;padding:4px 0 0;display:flex;overflow-x:auto}.q-tabs::-webkit-scrollbar{display:none}.q-tab{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-normal);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:none;align-items:center;gap:6px;padding:8px 16px;transition:all .15s;display:flex}.q-tab.is-active{background:var(--surface-4);color:var(--text-primary);font-weight:var(--weight-medium)}.kn-root{background:var(--surface-2);flex-direction:column;flex:1;min-height:0;display:flex}.kn-head{background:var(--surface-3);border-bottom:var(--border) solid var(--border-faint);flex-shrink:0;padding:16px 20px 0}.kn-body{flex-direction:column;flex:1;min-height:0;padding:20px;display:flex;overflow:auto}.kn-body>:has(.kn-split){flex-direction:column;flex:1 1 0;min-height:0;display:flex}.kn-split{flex:1;grid-template-columns:50fr 50fr;align-items:stretch;gap:16px;min-height:0;display:grid}.kn-split.is-collapsed{grid-template-columns:0 minmax(0,1fr)}.kn-split.is-collapsed>.kn-split-list{display:none}.kn-split-list{flex-direction:column;grid-column:1;min-width:0;min-height:0;display:flex}.kn-list-count{padding:var(--space-2) var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.kn-list-scroll{flex:1;min-height:0;overflow:hidden auto}.kn-list-scroll .kn-table thead th{z-index:1;position:sticky;top:0}.kn-split-side{flex-direction:column;grid-column:2;min-height:0;display:flex;position:static;overflow:visible}.kn-detail-scroll{min-height:0;padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.kn-detail-foot{padding:var(--space-3) var(--space-4);border-top:var(--border) solid var(--border-faint);background:var(--surface-3);gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;align-items:center;display:flex}.kn-split-toggle{align-self:start;margin-bottom:8px}.kn-compare{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;min-height:220px;display:grid}.kn-compare>div{max-height:520px}@media (width<=900px){.kn-split{grid-template-columns:minmax(0,1fr)}.kn-split.is-picked>.kn-split-list{display:none}.kn-split.is-picked>.kn-split-side{grid-column:1}.kn-split-side>.kn-mobile-back{display:inline-flex}.kn-split-list,.kn-split-side{grid-column:auto}.kn-split-side{max-height:none;position:static}.kn-split{flex:none}.kn-split-list,.kn-split-side{height:auto}.kn-compare{grid-template-columns:minmax(0,1fr)}.kn-compare>div{max-height:none}}.kn-table{border-collapse:collapse;width:100%}.kn-list-scroll .kn-table{table-layout:fixed}.kn-list-scroll .kn-table td{overflow-wrap:anywhere}.kn-col-cat{width:18%}.kn-col-status{width:11%}.kn-col-owner{width:20%}.kn-col-date{width:13%}.kn-col-ver{width:8%}@media (width<=1400px){.kn-col-owner,.kn-col-date{display:none}.kn-col-cat{width:24%}.kn-col-status{width:20%}.kn-col-ver{width:14%}}.kn-table th{text-align:left;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--surface-5);border-bottom:var(--border) solid var(--border-faint);white-space:nowrap;padding:10px 12px}.kn-table td{font-size:var(--text-sm);color:var(--text-primary);border-bottom:var(--border) solid var(--border-faint);padding:10px 12px}.kn-row{cursor:pointer}.kn-row:hover{background:var(--surface-5)}.kn-row.is-active{background:var(--accent-subtle)}.kn-badge{border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap;padding:2px 8px;display:inline-block}.kn-badge.draft{background:var(--surface-5);color:var(--text-secondary)}.kn-badge.pending{background:var(--status-warning-bg);color:var(--status-warning)}.kn-badge.active{background:var(--status-success-bg);color:var(--status-success)}.kn-badge.archived{color:var(--text-muted);border:var(--border) solid var(--border-faint);opacity:.75;background:0 0}.kn-badge.kn-badge-ver{background:var(--surface-5);color:var(--text-muted)}.kn-badge.rejected{background:var(--status-danger-bg);color:var(--status-danger)}.kn-count{border-radius:var(--radius-full);background:var(--status-warning-bg);min-width:18px;color:var(--status-warning);font-size:var(--text-2xs);font-weight:var(--weight-medium);text-align:center;margin-left:6px;padding:0 6px;display:inline-block}.kn-empty{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:40px 20px}.kn-subtabs{gap:var(--space-3);border-bottom:var(--border) solid var(--border-faint);display:flex}.kn-subtab{color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 2px;font-family:inherit}.kn-subtab:hover{color:var(--text-secondary)}.kn-subtab.is-on{color:var(--text-primary);border-bottom-color:var(--accent)}.kn-card{border:var(--border) solid var(--border-faint);border-radius:var(--radius-md);background:var(--surface-4)}.kn-card>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.kn-card>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.kn-card>.kn-table thead tr:first-child th:first-child{border-top-left-radius:var(--radius-md)}.kn-card>.kn-table thead tr:first-child th:last-child{border-top-right-radius:var(--radius-md)}.kn-card>.kn-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-md)}.kn-card>.kn-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-md)}.kn-body-review{flex-direction:column;display:flex;overflow:hidden}.kn-body-review .kn-tab-review,.kn-review{flex-direction:column;flex:1;min-height:0;display:flex}.kn-review-bar,.kn-review-foot{background:var(--surface-3);border:var(--border) solid var(--border-faint);flex-shrink:0;padding:10px 12px}.kn-review-bar{border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none}.kn-review-foot{border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kn-foot-now{align-self:flex-end}.kn-count-note{font-size:var(--text-xs);color:var(--text-primary)}.kn-review-list{background:var(--surface-2);border-left:var(--border) solid var(--border-faint);border-right:var(--border) solid var(--border-faint);flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px;display:flex;overflow-y:auto}.kn-progress{border-radius:var(--radius-full);background:var(--surface-5);height:8px;overflow:hidden}.kn-progress>i{background:var(--accent);height:100%;transition:width var(--ease-slow);display:block}.kn-chip{border:var(--border) solid transparent;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;font-family:inherit;font-weight:var(--weight-medium);transition:background var(--ease-fast), border-color var(--ease-fast);align-items:center;gap:5px;display:inline-flex}.kn-chip.t1{font-size:var(--text-sm);background:var(--status-warning-bg);color:var(--status-warning);padding:6px 13px}.kn-chip.t2{font-size:var(--text-xs);background:var(--surface-5);color:var(--text-secondary);padding:4px 11px}.kn-chip.t3{font-size:var(--text-2xs);color:var(--text-muted);background:0 0;padding:3px 9px}.kn-chip.t1.danger{background:var(--status-danger-bg);color:var(--status-danger)}.kn-chip:hover{border-color:var(--border-default)}.kn-chip.on{border-color:currentColor}.kn-chip.t3.on{background:var(--surface-5)}.kn-chip[disabled]{cursor:default;opacity:.5}.kn-rowhead{cursor:pointer;background:var(--surface-4);align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.kn-rowhead .kn-loc{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:var(--weight-medium)}.kn-rowhead:hover{background:var(--surface-5)}.kn-review-list>.kn-card>.kn-rowhead{border-radius:var(--radius-md) var(--radius-md) 0 0}.kn-row-open>.kn-rowhead{z-index:2;border-bottom:var(--border) solid var(--border-default);position:sticky;top:0}.kn-seen{border:var(--border) solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-2xs);white-space:nowrap;color:var(--status-success);background:0 0;padding:1px 7px}.kn-seen.off{color:var(--status-warning);border-color:var(--status-warning);background:var(--status-warning-bg)}.kn-row-unseen>.kn-rowhead{box-shadow:inset 3px 0 0 var(--status-warning)}.kn-item.off{opacity:.42}.kn-focus{box-shadow:inset 3px 0 0 0 var(--accent)}@media (width<=900px){.kn-review{height:auto}.kn-review-list{max-height:60vh}}.kn-pager{font-size:var(--text-xs);color:var(--text-secondary);justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.kn-btn{border-radius:var(--radius-sm);border:var(--border) solid var(--border-faint);background:var(--surface-4);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;padding:8px 14px}.kn-btn:disabled{opacity:.5;cursor:not-allowed}.kn-btn.primary{background:var(--accent);color:var(--btn-primary-text);border-color:#0000}.kn-btn.danger{background:var(--status-danger-bg);color:var(--status-danger)}.kn-input{border:var(--border) solid var(--border-faint);border-radius:var(--radius-sm);background:var(--surface-3);width:100%;color:var(--text-primary);font-size:var(--text-sm);box-sizing:border-box;padding:8px 12px}.kn-mobile-back{display:none}:root{--font-base:"Noto Sans KR", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:26px;--weight-normal:400;--weight-medium:500;--leading-tight:1.4;--leading-normal:1.6;--leading-loose:1.85;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:9999px;--border:.5px;--border-thick:1px;--ease-fast:.1s ease;--ease-base:.18s ease;--ease-slow:.26s ease;--rail-width:52px;--sub-width:196px;--sub-width-mobile:280px;--topbar-height:48px;--bottom-nav-height:56px;--sidebar-width:260px;--sidebar-width-mobile:280px;--accent:#3b82f6;--accent-hover:#2563eb;--accent-text:#f0f0f5;--accent-subtle:#3b82f61f;--msg-user-bg:#3b82f6;--msg-user-text:#f0f0f5;--z-sub-overlay:200;--z-sub-drawer:210;--z-bottom-nav:300;--z-topbar:100;--media-band-bg:#fff;--media-band-fg:#1a1a18;--media-band-fg-muted:#6b6b62;--media-band-border:#0000001a}[data-theme=dark]{--surface-0:#1f1e1d;--surface-1:#262625;--surface-2:#30302e;--surface-3:#3a3a37;--surface-4:#424240;--surface-5:#4a4a47;--bg-base:var(--surface-3);--bg-subtle:var(--surface-4);--border-faint:#ffffff0f;--border-subtle:#ffffff14;--border-default:#ffffff14;--border-strong:#ffffff24;--text-primary:#f5f4ee;--text-secondary:#b8b6ad;--text-muted:#8a887f;--text-disabled:#5a5850;--bg-hover:#ffffff0d;--bg-active:#ffffff17;--bg-selected:#ffffff14;--btn-primary-bg:var(--accent);--btn-primary-text:#f5f4ee;--btn-primary-hover:var(--accent-hover);--btn-secondary-bg:var(--surface-4);--btn-secondary-text:var(--text-secondary);--btn-secondary-border:var(--border-default);--btn-secondary-hover:var(--surface-5);--btn-ghost-text:var(--text-muted);--btn-ghost-hover:var(--bg-hover);--input-bg:var(--surface-4);--input-border:var(--border-default);--input-border-focus:var(--accent);--input-text:var(--text-primary);--input-placeholder:var(--text-disabled);--nav-rail-bg:var(--surface-1);--nav-sub-bg:var(--surface-2);--nav-bottom-bg:var(--surface-2);--nav-item-active:var(--bg-active);--nav-item-hover:var(--bg-hover);--nav-icon-active:var(--text-primary);--nav-icon-inactive:var(--text-disabled);--nav-label-active:var(--text-primary);--nav-label-inactive:var(--text-muted);--topbar-bg:var(--surface-3);--topbar-border:var(--border-subtle);--avatar-user-bg:#3a3936;--avatar-user-text:#b8b6ad;--avatar-ai-bg:#32312f;--avatar-ai-icon:#8a887f;--msg-ai-text:#e8e7e2;--msg-ai-ref:#4a4a47;--badge-bg:var(--surface-4);--badge-border:var(--border-default);--badge-text:var(--text-secondary);--divider:#ffffff0f;--overlay-bg:#0000008c;--scrollbar-thumb:#4a4a47;--scrollbar-track:var(--surface-2);--accent-subtle:#2a3441;--color-accent-text:#8bb4e8;--color-accent-border:#3a5a8a;--status-danger:#e08a7d;--status-danger-bg:#3a2622;--status-warning:#d4a94a;--status-warning-bg:#3a3320;--status-success:#6fbc9a;--status-success-bg:#22332c;--status-info:#8bb4e8;--status-info-bg:#2a3441;--focus-ring:#3b82f659}[data-theme=light]{--surface-0:#f0efea;--surface-1:#f7f6f2;--surface-2:#fff;--surface-3:#fff;--surface-4:#fff;--surface-5:#fafaf7;--bg-base:var(--surface-3);--bg-subtle:var(--surface-5);--border-faint:#0000000d;--border-subtle:#00000012;--border-default:#00000012;--border-strong:#00000021;--text-primary:#1a1a18;--text-secondary:#5f5e57;--text-muted:#8a887f;--text-disabled:#b8b6ad;--bg-hover:#0000000a;--bg-active:#00000012;--bg-selected:#0000000e;--btn-primary-bg:#1a1a18;--btn-primary-text:#fff;--btn-primary-hover:#2a2a28;--btn-secondary-bg:#fff;--btn-secondary-text:#3f3f3a;--btn-secondary-border:var(--border-default);--btn-secondary-hover:var(--surface-5);--btn-ghost-text:var(--text-muted);--btn-ghost-hover:var(--bg-hover);--input-bg:var(--surface-5);--input-border:var(--border-default);--input-border-focus:#1a1a18;--input-text:var(--text-primary);--input-placeholder:var(--text-muted);--nav-rail-bg:var(--surface-1);--nav-sub-bg:var(--surface-2);--nav-bottom-bg:var(--surface-1);--nav-item-active:var(--bg-active);--nav-item-hover:var(--bg-hover);--nav-icon-active:#1a1a18;--nav-icon-inactive:#78786f;--nav-label-active:#1a1a18;--nav-label-inactive:#6b6b62;--topbar-bg:#fff;--topbar-border:var(--border-subtle);--avatar-user-bg:#e8e7e2;--avatar-user-text:#5f5e57;--avatar-ai-bg:#f0efea;--avatar-ai-icon:#78786f;--msg-ai-text:#1a1a18;--msg-ai-ref:#b8b6ad;--badge-bg:var(--surface-5);--badge-border:var(--border-default);--badge-text:var(--text-secondary);--divider:#0000000f;--overlay-bg:#0000004d;--scrollbar-thumb:#c8c8c0;--scrollbar-track:var(--surface-2);--accent-subtle:#e8f0fb;--color-accent-text:#2f6fd0;--color-accent-border:#b8d0f0;--status-danger:#c0392b;--status-danger-bg:#f7e4e1;--status-warning:#b8860b;--status-warning-bg:#f7f0dc;--status-success:#3d8168;--status-success-bg:#e2f0ea;--status-info:#2f6fd0;--status-info-bg:#e8f0fb;--focus-ring:#2f6fd047}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-base);font-size:var(--text-base);-webkit-font-smoothing:antialiased}body{background:var(--surface-0);color:var(--text-primary);overflow:hidden}::-webkit-scrollbar{width:1px;height:1px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:1px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.workspace{height:100dvh;display:flex;position:relative;overflow:hidden}.ws-rail{width:var(--rail-width);background:var(--nav-rail-bg);border-right:var(--border) solid var(--border-faint);padding:var(--space-3) 0;align-items:center;gap:var(--space-1);z-index:var(--z-topbar);flex-direction:column;flex-shrink:0;display:flex}.ws-sub{width:var(--sub-width);background:var(--nav-sub-bg);border-right:var(--border) solid var(--border-subtle);transition:transform var(--ease-slow);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.ws-main{background:var(--surface-3);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.ws-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.ws-overlay{background:var(--overlay-bg);z-index:var(--z-sub-overlay);cursor:pointer;display:none;position:fixed;inset:0}.ws-overlay.is-visible{display:block}.ws-bottom-nav,.ws-menu-btn{display:none}@media (width<=1023px){html{background:var(--surface-3);height:auto;min-height:100%}body{background:var(--surface-3);height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto!important}#root{background:var(--surface-3);height:auto;min-height:100%}.ws-sub{top:0;left:var(--rail-width);height:100%;z-index:var(--z-sub-drawer);transform:translateX(calc(-100% - var(--rail-width)));border-right:var(--border) solid var(--border-strong);position:fixed}.ws-sub.is-open{transform:translate(0)}.ws-menu-btn{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:background var(--ease-fast), color var(--ease-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ws-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}}@media (width<=639px){html{background:var(--surface-3);height:auto;min-height:100%}body{background:var(--surface-3);height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto!important}#root{background:var(--surface-3);height:auto;min-height:100%}.ws-rail{display:none}.ws-sub{width:var(--sub-width-mobile);left:0;transform:translate(-100%)}.ws-sub.is-open{transform:translate(0)}.ws-main{padding-bottom:var(--bottom-nav-height)}.ws-bottom-nav{height:var(--bottom-nav-height);background:var(--nav-bottom-bg);border-top:var(--border) solid var(--border-subtle);z-index:var(--z-bottom-nav);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.chat-input-wrap{padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px))}.sidebar{width:100%!important;min-width:100%!important}.content-header{background:0 0!important;padding:8px 12px 0!important}}.ws-bottom-nav__item{cursor:pointer;color:var(--nav-icon-inactive);transition:color var(--ease-fast), background var(--ease-fast);border-radius:var(--radius-sm);margin:var(--space-1);padding:var(--space-1) 0;font-family:var(--font-base);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.ws-bottom-nav__item:hover{background:var(--bg-hover)}.ws-bottom-nav__item.is-active{color:var(--accent)}.ws-bottom-nav__label{font-size:var(--text-2xs);font-weight:var(--weight-medium);line-height:1}.nav-icon{border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--nav-icon-inactive);transition:background var(--ease-fast), color var(--ease-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.nav-icon:hover{background:var(--nav-item-hover)}.nav-icon.is-active{background:var(--nav-item-active);color:var(--nav-icon-active)}.nav-conv{border-radius:var(--radius-sm);padding:var(--space-2) 10px;cursor:pointer;transition:background var(--ease-fast);margin-bottom:1px}.nav-conv:hover{background:var(--nav-item-hover)}.nav-conv.is-active{background:var(--nav-item-active)}.nav-conv__title{font-size:var(--text-sm);color:var(--nav-label-inactive);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;overflow:hidden}.nav-conv.is-active .nav-conv__title{color:var(--nav-label-active);font-weight:var(--weight-medium)}.nav-conv__date{font-size:var(--text-xs);color:var(--text-disabled)}.sub-hdr{font-size:var(--text-2xs);color:var(--text-muted);font-weight:var(--weight-medium);letter-spacing:.05em;padding:var(--space-1) var(--space-3);display:block}.divider{height:var(--border);background:var(--divider);margin:var(--space-2)}.btn{font-family:var(--font-base);font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-sm);padding:9px var(--space-4);cursor:pointer;transition:background var(--ease-fast);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none}.btn--primary:hover{background:var(--btn-primary-hover)}.btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:var(--border) solid var(--btn-secondary-border)}.btn--secondary:hover{background:var(--btn-secondary-hover)}.btn--ghost{color:var(--btn-ghost-text);background:0 0;border:none}.btn--ghost:hover{background:var(--btn-ghost-hover)}.btn--full{justify-content:center;width:100%}.btn--sm{font-size:var(--text-xs);padding:6px var(--space-3)}.input{background:var(--input-bg);border:var(--border) solid var(--input-border);border-radius:var(--radius-sm);font-family:var(--font-base);font-size:var(--text-base);color:var(--input-text);width:100%;transition:border-color var(--ease-fast);outline:none;padding:7px 10px}.input:focus{border-color:var(--input-border-focus)}.input::placeholder{color:var(--input-placeholder)}select.input{cursor:pointer}.chat-input-wrap{padding:0 var(--space-7) var(--space-5);flex-shrink:0}.chat-input-box{background:var(--input-bg);border:var(--border) solid var(--input-border);border-radius:var(--radius-lg);align-items:center;gap:10px;padding:10px 14px;display:flex}@media (width<=639px){.chat-input-wrap{padding:0 var(--space-4) var(--space-4)}}.card{background:var(--surface-4);border:var(--border) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) 14px}.msg-area{min-height:0;padding:var(--space-6) var(--space-7) var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}@media (width<=639px){.msg-area{padding:var(--space-4)}}.msg-ai{gap:var(--space-3);align-items:flex-start;max-width:560px;display:flex}.msg-ai__text{font-size:var(--text-base);line-height:var(--leading-loose);color:var(--msg-ai-text);padding-top:3px}.msg-ai__ref{align-items:center;gap:var(--space-1);margin-top:var(--space-2);color:var(--msg-ai-ref);font-size:var(--text-xs);display:flex}.msg-user{justify-content:flex-end;display:flex}.msg-user__bubble{background:var(--msg-user-bg);color:var(--msg-user-text);padding:10px var(--space-4);max-width:360px;font-size:var(--text-base);line-height:var(--leading-loose);border-radius:12px 2px 12px 12px}@media (width<=639px){.msg-user__bubble{max-width:85vw}.msg-ai{max-width:90vw}}.avatar{border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--weight-medium);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar--user{background:var(--avatar-user-bg);color:var(--avatar-user-text)}.avatar--ai{background:var(--avatar-ai-bg);color:var(--avatar-ai-icon)}.badge{align-items:center;gap:var(--space-1);background:var(--badge-bg);border:var(--border) solid var(--badge-border);color:var(--badge-text);font-size:var(--text-xs);border-radius:var(--radius-xs);white-space:nowrap;padding:4px 10px;display:inline-flex}.send-btn{background:var(--btn-primary-bg);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:background var(--ease-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-btn:hover{background:var(--btn-primary-hover)}.logo-dot{background:var(--accent);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.font-medium{font-weight:var(--weight-medium)}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hover-surface{background:var(--surface-3);transition:background .12s}.hover-surface:hover{background:var(--bg-hover)}.hover-surface-2{background:var(--surface-2);transition:background .12s}.hover-surface-2:hover{background:var(--bg-hover)}.hover-transparent{background:0 0;transition:background .12s}.hover-transparent:hover{background:var(--bg-hover)}.hover-accent-subtle{background:0 0;transition:background .12s}.hover-accent-subtle:hover{background:#2f7d5414}.hover-danger-subtle{background:0 0;transition:background .12s}.hover-danger-subtle:hover{background:#bc3b2e14}.hover-primary-btn{transition:opacity .12s}.hover-primary-btn:hover{opacity:.9}.thumb-hover{transition:box-shadow .12s}.thumb-hover:hover{box-shadow:0 0 0 2px var(--bg-active)}.thumb-row{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.thumb-row::-webkit-scrollbar{height:10px}.thumb-row::-webkit-scrollbar-track{background:0 0;border-radius:5px}.thumb-row::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:5px}.thumb-row::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}