:root{--color-canvas: #f7f7f4;--color-canvas-soft: #fafaf7;--color-surface-card: #ffffff;--color-surface-strong: #e6e5e0;--color-primary: #f54e00;--color-primary-active: #d04200;--color-primary-wash: #fde7dd;--color-on-primary: #ffffff;--color-ink: #26251e;--color-body: #5a5852;--color-muted: #807d72;--color-muted-soft: #a09c92;--color-hairline: #e6e5e0;--color-hairline-soft: #efeee8;--color-hairline-strong: #cfcdc4;--color-ai: #c0a8dd;--color-ai-wash: #f2edf8;--color-ai-ink: #6b4f93;--color-timeline-thinking: #dfa88f;--color-timeline-grep: #9fc9a2;--color-timeline-read: #9fbbe0;--color-timeline-edit: #c0a8dd;--color-timeline-done: #c08532;--color-semantic-success: #1f8a65;--color-semantic-success-wash: #e3f1ec;--color-semantic-warn: #c08532;--color-semantic-warn-wash: #f6ecda;--color-semantic-error: #cf2d56;--color-semantic-error-wash: #fbe7ec;--font-sans: "Inter", "Noto Sans SC", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: "Inter", "Noto Sans SC", system-ui, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--radius-row: 6px;--radius-cta: 8px;--radius-card: 12px;--space-gap: 16px;--space-pad: 20px;--space-section: 80px;--shadow-none: none}.workspace-root{display:flex;min-height:100vh}.workspace-status{margin-top:12px;font-size:13px;color:var(--ink-3)}.layout-empty-hint,.copy-empty-hint{padding:24px;color:var(--ink-3);font-size:14px}:root{--paper: var(--color-canvas);--canvas-soft: var(--color-canvas-soft);--paper-2: var(--color-surface-strong);--card: var(--color-surface-card);--ink: var(--color-ink);--ink-2: var(--color-body);--ink-3: var(--color-muted);--ink-4: var(--color-muted-soft);--line: var(--color-hairline);--line-2: var(--color-hairline-strong);--line-soft: var(--color-hairline-soft);--red: var(--color-primary);--red-press: var(--color-primary-active);--red-wash: var(--color-primary-wash);--accent: var(--color-primary);--accent-wash: var(--color-primary-wash);--ai: var(--color-ai);--ai-wash: var(--color-ai-wash);--ai-ink: var(--color-ai-ink);--ok: var(--color-semantic-success);--ok-wash: var(--color-semantic-success-wash);--warn: var(--color-semantic-warn);--warn-wash: var(--color-semantic-warn-wash);--danger: var(--color-semantic-error);--tl-thinking: var(--color-timeline-thinking);--tl-grep: var(--color-timeline-grep);--tl-read: var(--color-timeline-read);--tl-edit: var(--color-timeline-edit);--tl-done: var(--color-timeline-done);--font-ui: var(--font-sans);--font-display: var(--font-display);--font-mono: var(--font-mono);--r-s: var(--radius-row);--r-m: var(--radius-cta);--r-l: var(--radius-card);--gap: var(--space-gap);--pad: var(--space-pad)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;font-family:var(--font-ui);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}::selection{background:var(--accent-wash)}a{color:var(--accent)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.serif{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.088em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.btn{font-family:var(--font-ui);font-size:14px;font-weight:500;border:1px solid var(--line-2);background:var(--card);color:var(--ink);padding:9px 16px;border-radius:var(--r-m);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .14s ease;white-space:nowrap;line-height:1}.btn:hover{border-color:var(--ink-3)}.btn:active{transform:translateY(.5px)}.btn.primary,.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover,.btn-primary:hover{background:var(--red-press);border-color:var(--red-press)}.btn.ink{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.ink:hover{filter:brightness(1.12)}.btn.ghost,.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn.ghost:hover,.btn-ghost:hover{background:var(--line-soft)}.btn.sm{padding:7px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary:disabled,.btn-primary:disabled{background:var(--paper-2);border-color:var(--line-2);color:var(--ink-4);opacity:1}.chip{font-family:var(--font-mono);font-size:11.5px;border:1px solid var(--line-2);background:var(--card);color:var(--ink-2);padding:3px 9px;border-radius:9999px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.card,.surface-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l)}.surface-card{padding:var(--pad)}.ai-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;font-weight:500;color:var(--ai-ink);background:var(--ai-wash);border:1px solid color-mix(in srgb,var(--ai) 45%,transparent);padding:3px 9px;border-radius:9999px}.human-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;font-weight:500;color:var(--ink);background:var(--paper-2);border:1px solid var(--line-2);padding:3px 9px;border-radius:9999px}.tl-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.088em;text-transform:uppercase;font-weight:600;color:var(--ink);padding:4px 11px;border-radius:9999px}@keyframes fadeUp{0%{transform:translateY(9px)}to{transform:none}}@keyframes fadeIn{0%{opacity:.45}to{opacity:1}}@keyframes feedIn{0%{transform:translateY(-16px);opacity:0}to{transform:none;opacity:1}}.feed-in{animation:feedIn .5s cubic-bezier(.2,.7,.3,1) both}.fade-up{animation:fadeUp .4s cubic-bezier(.2,.7,.3,1) both}.fade-in{animation:fadeIn .3s ease both}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}.pulse{animation:pulseDot 1.1s ease-in-out infinite}.spin{animation:spin .9s linear infinite}.workspace-root{height:100%;display:flex;flex-direction:column;background:var(--paper)}.workspace-topbar{flex:none;height:56px;border-bottom:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.workspace-body{flex:1;display:flex;min-height:0;height:100%}.workspace-rail{width:244px;flex:none;border-right:1px solid var(--line);background:var(--card);padding:20px 18px;display:flex;flex-direction:column;gap:0;overflow:hidden}.workspace-rail-header{padding-bottom:18px;border-bottom:1px solid var(--line);flex:none}.workspace-rail-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.workspace-rail-steps{padding-top:18px;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.workspace-rail-footer{position:relative;flex:none;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);overflow:visible}.workspace-rail-footer-actions{display:flex;flex-direction:row;align-items:center;gap:4px}.workspace-rail-icon-btn,.workspace-rail-exit{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:none;border-radius:var(--r-m);background:transparent;color:var(--ink-3);cursor:pointer;transition:color .15s ease,background .15s ease}.workspace-rail-icon-btn:hover:not(:disabled),.workspace-rail-exit:hover:not(:disabled){color:var(--ink);background:var(--wash)}.workspace-rail-icon-btn.on{color:var(--accent);background:var(--accent-wash)}.workspace-rail-icon-btn:disabled,.workspace-rail-exit:disabled{opacity:.5;cursor:wait}.workspace-rail-icon-btn:focus-visible,.workspace-rail-exit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.workspace-rail-settings{position:absolute;left:0;right:0;bottom:calc(100% + 8px);width:100%;max-width:100%;box-sizing:border-box;padding:6px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--card);box-shadow:0 4px 16px #00000014;z-index:20;overflow:visible}.workspace-rail-settings__title{margin:0;padding:6px 10px 4px;font-size:10px;font-weight:600;color:var(--ink-3);letter-spacing:.02em}.workspace-rail-settings__menu{display:flex;flex-direction:column;gap:0;margin:0;padding:0}.workspace-rail-settings__menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--r-s);background:transparent;color:var(--ink);cursor:pointer;text-align:left;transition:background .12s ease}.workspace-rail-settings__menu-item:hover,.workspace-rail-settings__menu-item.is-open{background:var(--wash)}.workspace-rail-settings__menu-label{font-size:12px;font-weight:600;color:var(--ink)}.workspace-rail-settings__menu-trail{display:inline-flex;align-items:center;gap:4px;flex:none}.workspace-rail-settings__menu-value{font-size:11px;font-weight:500;color:var(--ink-3)}.workspace-rail-settings__menu-value.is-warn{color:var(--accent)}.workspace-rail-settings__menu-chevron{flex:none;color:var(--ink-3);transform:rotate(-90deg)}.workspace-rail-settings__divider{height:1px;margin:4px 6px;background:var(--line)}.workspace-rail-settings-flyout{position:fixed;z-index:1000;min-width:152px;padding:4px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--card);box-shadow:0 8px 24px #0000001f}.workspace-rail-settings-flyout__item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:var(--r-s);background:transparent;color:var(--ink-2);font-size:12px;font-weight:600;cursor:pointer;text-align:left;transition:background .12s ease}.workspace-rail-settings-flyout__item:hover,.workspace-rail-settings-flyout__item.is-active{background:var(--wash);color:var(--ink)}.workspace-rail-settings-flyout__label{display:inline-flex;align-items:center;gap:6px}.workspace-rail-settings-flyout__check{flex:none;color:var(--accent)}.workspace-rail-settings-flyout__note{margin:2px 10px 6px;font-size:10px;line-height:1.35;color:var(--accent)}.workspace-rail-settings__badge{padding:0 4px;border-radius:4px;background:var(--accent-wash);color:var(--accent);font-size:9px;font-weight:700;line-height:1.5}.workspace-rail-settings__note{margin:8px 0 0;font-size:10px;line-height:1.4;color:var(--accent)}.workspace-rail-settings__note.is-ok{color:var(--ink-3);font-family:var(--font-mono)}.workspace-rail-settings__logout{display:inline-flex;align-items:center;gap:5px;width:100%;margin:0;padding:8px 10px;border-radius:var(--r-s);border:none;background:none;color:var(--ink-3);font-size:11px;font-weight:500;cursor:pointer;transition:color .15s ease}.workspace-rail-settings__logout:hover:not(:disabled){color:var(--ink)}.workspace-rail-settings__logout:disabled{opacity:.5;cursor:wait}.workspace-main{flex:1;min-height:0;overflow-y:auto;padding:32px 40px}.workspace-main:has(.workspace-step-flow){overflow:hidden;display:flex;flex-direction:column;padding:24px 0 0}.workspace-main-inner{max-width:1080px;margin:0 auto;width:100%}.workspace-main:has(.workspace-step-flow) .workspace-main-inner{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;max-width:none;margin:0}.workspace-step-flow{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.workspace-step-flow .step-header{flex:none;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 40px;margin-bottom:20px}.step-header-copy{min-width:0;flex:1}.step-header-eyebrow{margin-bottom:6px}.step-header-title{margin:0;font-size:34px;font-weight:400;letter-spacing:-.03em;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.step-header-desc{font-size:13px;font-weight:400;color:var(--ink-3);font-family:var(--font-ui)}.workspace-step-body{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.workspace-status{flex:none;margin:8px 0 0;padding:0 40px 12px;font-size:14px;line-height:1.45;color:var(--ink-2)}.workspace-step-flow .topic-step,.workspace-step-flow .proposal-step,.workspace-step-flow .copy-step,.workspace-step-flow .layout-step,.workspace-step-flow .ship-step{flex:1;min-height:0;overflow-y:auto}.workspace-step-flow .proposal-step,.workspace-step-flow .copy-step,.workspace-step-flow .layout-step,.workspace-step-flow .ship-step{padding:0 40px 24px;max-width:1080px;width:100%;margin:0 auto;box-sizing:border-box}.topic-step{flex:1;min-height:0;display:flex;flex-direction:column;max-width:860px;width:100%;margin:0 auto;padding:0 40px}.topic-step-toolbar{flex:none;z-index:2;background:var(--paper);padding-bottom:12px}.topic-step-toolbar .card{margin-bottom:12px}.topic-step-filters{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:0}.topic-step-feed{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:80px;margin:0 -40px;padding-left:40px;padding-right:40px}.topic-step-feed::-webkit-scrollbar{display:none}.topic-timeline{position:relative;padding-bottom:24px;min-width:0}.topic-timeline:before{content:"";position:absolute;left:106px;top:0;bottom:0;width:2px;background:var(--line);z-index:0}.topic-feed-row{display:grid;grid-template-columns:84px 44px minmax(0,1fr);position:relative;z-index:1;min-width:0}.topic-feed-time{text-align:right;padding-top:14px;padding-right:4}.topic-feed-axis{display:flex;justify-content:center;position:relative}.topic-feed-dot{position:absolute;top:18px;width:10px;height:10px;border-radius:10px;background:var(--card);border:2px solid var(--line-2);transition:all .2s;z-index:1}.topic-feed-dot.on{width:13px;height:13px;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.topic-feed-dot.fresh{background:var(--accent);border-color:var(--accent)}.topic-feed-card{margin:8px 0 14px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);transition:border-color .18s,box-shadow .18s;min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.topic-feed-card:hover:not(.on){border-color:var(--line-2)}.topic-feed-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-wash)}.topic-feed-card.on{border-color:var(--accent);box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 6%,transparent),0 0 0 1px color-mix(in srgb,var(--line) 70%,var(--accent-wash))}.topic-feed-card.on:focus-visible{box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 6%,transparent),0 0 0 2px var(--accent-wash)}.topic-feed-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex-shrink:0}.topic-feed-card__source{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-feed-card__title{margin:0;font-size:16px;line-height:1.35;font-weight:400;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0;overflow-wrap:anywhere;word-break:break-word}.topic-feed-card__tags{display:flex;flex-wrap:nowrap;gap:5px;align-items:center;flex-shrink:0}.topic-feed-card__tag{font-size:10px;padding:2px 7px}.topic-feed-card__hint{margin:0;padding:0 0 0 10px;border-left:2px solid var(--line-2);font-size:12px;line-height:1.4;color:var(--ink-3);max-width:52ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-feed-card.on .topic-feed-card__hint{border-left-color:color-mix(in srgb,var(--accent) 40%,var(--line-2))}.topic-feed-card__foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;flex-shrink:0;opacity:0;transition:opacity .15s}.topic-feed-card:hover .topic-feed-card__foot,.topic-feed-card.on .topic-feed-card__foot{opacity:1}.topic-feed-empty{grid-column:1 / -1;padding:48px 0 64px;text-align:center;font-size:13px;color:var(--ink-3)}.topic-main-tabs{display:flex;gap:4px;margin-bottom:16px;align-items:center}.topic-pull-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:9999px;border:1px solid var(--line-2);background:transparent;color:var(--ink-3);font-size:11.5px;letter-spacing:.02em;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.topic-pull-btn:hover:not(:disabled){color:var(--ink);border-color:var(--ink-3)}.topic-pull-btn:disabled{opacity:.5;cursor:default}.topic-main-tab,.topic-source-toggle{border-radius:9999px;border:1px solid var(--line-2);background:transparent;font-family:var(--font-mono);color:var(--ink-3);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.topic-main-tab{padding:5px 16px;font-size:12.5px}.topic-main-tab:hover,.topic-source-toggle:hover{color:var(--ink);border-color:var(--ink-3)}.topic-main-tab.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.topic-aggregate{padding-top:4px}.topic-source-toggles{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.topic-source-toggle{padding:4px 12px;font-size:11.5px}.topic-source-toggle.on{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.topic-source-section{margin-bottom:28px}.topic-source-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.topic-source-pull{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:transparent;border:1px solid var(--line-2);border-radius:6px;padding:2px 8px;cursor:pointer;transition:color .15s,border-color .15s}.topic-source-pull:hover:not(:disabled){color:var(--ink);border-color:var(--ink-3)}.topic-source-pull:disabled{opacity:.4;cursor:default}.topic-source-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:1100px){.topic-source-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topic-source-cards{grid-template-columns:1fr}}.field{margin-bottom:14px}.field label{display:block;font-size:.75rem;color:var(--ink-3);margin-bottom:4px}.field input,.field textarea,.field select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-m);font-family:var(--font-ui);background:var(--card);color:var(--ink)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}@media(max-width:900px){.grid-2{grid-template-columns:1fr}.workspace-rail{display:none}}.pool-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;background:var(--paper-2)}.pool-热池{background:var(--tl-thinking)}.pool-温池{background:var(--tl-read)}.pool-冷池{background:var(--tl-grep)}.ship-step{width:100%;max-width:none;margin:0}.ship-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,360px);gap:20px;align-items:start}.ship-aside{display:flex;flex-direction:column;gap:16px}.ship-panel{overflow:hidden;padding:0}.ship-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.ship-panel-head--compact{align-items:center}.ship-panel-head--minimal{padding-bottom:12px}.ship-panel-head--stacked{flex-direction:column;align-items:stretch;gap:12px}.ship-panel-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:100%}.ship-panel-head--stacked .ship-panel-actions{width:100%;justify-content:flex-start}.ship-panel-title{margin:0;font-size:15px;font-weight:600;letter-spacing:-.02em;flex:1}.ship-panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ship-progress{display:flex;align-items:center;gap:0;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--canvas-soft)}.ship-progress-step{display:flex;align-items:center;gap:6px;flex:1;font-size:11.5px;color:var(--ink-3);position:relative}.ship-progress-step:not(:last-child):after{content:"";position:absolute;left:20px;right:0;top:50%;height:1px;background:var(--line-2)}.ship-progress-step.is-ok:after{background:var(--ok);opacity:.4}.ship-progress-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--card);flex:none;transition:all .2s;position:relative;z-index:1}.ship-progress-step.is-ok .ship-progress-dot{background:var(--ok);border-color:var(--ok)}.ship-progress-step.is-run .ship-progress-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.ship-progress-lbl{font-size:11.5px;font-weight:500;position:relative;z-index:1}.ship-progress-step.is-ok .ship-progress-lbl{color:var(--ok)}.ship-progress-step.is-run .ship-progress-lbl{color:var(--accent)}.ship-progress-step.is-wait .ship-progress-lbl{color:var(--ink-4)}.ship-score-inline{display:flex;align-items:center;gap:6px;flex-shrink:0}.ship-score-caption{font-size:11px;color:var(--ink-3);white-space:nowrap}.ship-score-text{font-size:11.5px;color:var(--ink-3);white-space:nowrap}.ship-preview{padding:18px 20px 22px;background:var(--paper);min-height:min(48vh,420px)}.ship-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;width:100%}.ship-preview-card{width:100%;margin:0;min-width:0;display:flex;flex-direction:column;align-items:stretch}.ship-preview-card .preview-fit-host--poster{width:100%;height:auto;aspect-ratio:3 / 4;min-height:0;max-height:min(46vh,380px);border:1px solid var(--line);border-radius:calc(var(--r-m) - 2px);background:var(--canvas-soft);overflow:hidden;box-sizing:border-box}.ship-preview-card .preview-fit-loading{font-size:12px}.ship-preview-card-label{margin:8px 0 0;font-size:11.5px;line-height:1.3;text-align:center;color:var(--ink-3)}.preview-fit-host{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--canvas-soft);box-sizing:border-box}.preview-fit-stage{position:relative;overflow:hidden;flex:none}.preview-fit-scale{transform-origin:top left}.preview-fit-host .preview-frame{display:block;border:none;width:100%;height:100%}.preview-fit-host .preview-frame--fit-scaled{width:auto;height:auto;max-width:none;max-height:none}.preview-fit-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;font-size:13px;color:var(--ink-3);pointer-events:none}.ship-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:280px;color:var(--ink-3);text-align:center;font-size:13px}.ship-preview-empty p{margin:0;max-width:200px}.ship-compliance-body{padding:14px 18px;min-width:0}.ship-compliance-group{border-bottom:1px solid var(--line-soft)}.ship-compliance-group:last-child{border-bottom:none}.ship-compliance-group+.ship-compliance-group{margin-top:4px}.ship-compliance-group-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.ship-compliance-group-summary::-webkit-details-marker{display:none}.ship-compliance-group-summary:before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid var(--ink-3);flex:none;margin-right:4px;transition:transform .15s ease}.ship-compliance-group[open]>.ship-compliance-group-summary:before{transform:rotate(90deg)}.ship-compliance-group-title{margin:0;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);flex:1;min-width:0}.ship-compliance-group-meta{font-size:11px;color:var(--ok);white-space:nowrap}.ship-compliance-group-meta.has-issues{color:var(--danger);font-weight:500}.ship-compliance-group-meta.has-warns{color:var(--warn);font-weight:500}.ship-compliance-group .ship-compliance-list{padding-bottom:8px}.ship-compliance-all-ok{margin:0 0 8px;font-size:12px;color:var(--ok);line-height:1.4}.ship-compliance-empty{margin:0;font-size:13px;color:var(--ink-3);line-height:1.5}.ship-compliance-list{list-style:none;margin:0;padding:0}.ship-export-bar{display:flex;flex-direction:column;gap:10px;padding:16px 18px}.ship-export-desc{margin:0;font-size:12px;color:var(--ink-3)}.ship-export-btn{width:100%;justify-content:center}.ship-export-link{font-size:11px;color:var(--ink-3);text-align:center;word-break:break-all}@media(max-width:960px){.ship-layout{grid-template-columns:1fr}.ship-preview-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.ship-compliance-list .validate-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line-soft)}.validate-row-label{min-width:0;font-size:12.5px;line-height:1.35;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.validate-row-status{flex-shrink:0;white-space:nowrap;font-size:12px;font-weight:500}.validate-row.is-error .validate-row-label{color:var(--ink)}.level-ok{color:var(--ok)}.level-warn{color:var(--warn)}.level-error{color:var(--danger)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper)}.login-card{width:min(400px,92vw);padding:var(--pad)}.home-page{min-height:100vh;background:var(--paper)}.home-inner{max-width:720px;margin:0 auto;padding:40px 24px}.preview-frame{border:none;display:block}.canvas-viewport{width:100%;height:560px;overflow:hidden;position:relative;background:var(--canvas-soft);border-radius:var(--r-l)}.code-block{font-family:var(--font-mono);font-size:12px;background:var(--canvas-soft);padding:12px;border-radius:var(--r-m);overflow:auto;max-height:320px}.brand{font-size:1.0625rem;letter-spacing:-.02em;font-weight:500}.ide-mockup-card{background:var(--canvas-soft);border:1px solid var(--line-2);border-radius:var(--r-l);padding:16px;min-height:320px}.ide-mockup-card--fit{padding:0;min-height:0;background:transparent;border:none}.proposal-step{display:flex;flex-direction:column;gap:var(--gap)}.proposal-topic-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);flex-wrap:wrap}.proposal-topic-main{flex:1;min-width:0}.proposal-topic-title{margin:0 0 8px;font-size:17px;font-weight:450;line-height:1.35}.proposal-topic-tags{display:flex;flex-wrap:wrap;gap:6px}.proposal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}@media(max-width:1200px){.proposal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.proposal-grid{grid-template-columns:1fr}}.proposal-card{display:flex;flex-direction:column;padding:16px;min-height:380px;transition:border-color .14s ease,box-shadow .14s ease}.proposal-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-wash)}.proposal-card.is-empty{border-style:dashed;background:var(--canvas-soft);justify-content:center;align-items:center;text-align:center;color:var(--ink-3);font-size:13px;line-height:1.5}.proposal-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.proposal-angle-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.proposal-card-title{margin:0 0 14px;font-size:20px;font-weight:450;line-height:1.3}.proposal-outline{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.proposal-outline li{display:flex;gap:10px;font-size:12.5px;line-height:1.45;color:var(--ink-2)}.proposal-outline-num{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-4);flex:none;width:22px}.proposal-ai-note{flex:1;margin-bottom:14px;padding:10px 12px;border-radius:var(--r-s);background:var(--ai-wash);border:1px solid color-mix(in srgb,var(--ai) 40%,transparent);font-size:12px;line-height:1.5;color:var(--ai-ink)}.proposal-card-foot{margin-top:auto;display:flex;justify-content:stretch}.proposal-card-foot .btn{width:100%;justify-content:center}.proposal-persist-warn{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;border-radius:var(--r-m);border:1px solid color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 12%,var(--card));font-size:13px;color:var(--ink-2)}.proposal-persist-warn p{margin:0}.proposal-shortfall-error{margin:8px 0 0;font-size:12.5px;color:var(--err)}.proposal-shortfall{font-size:13px;color:var(--ink-3);padding:10px 14px;background:var(--warn-wash);border:1px solid color-mix(in srgb,var(--warn) 35%,var(--line));border-radius:var(--r-m)}.proposal-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:280px;padding:32px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);color:var(--ink-2);text-align:center}.proposal-generating p{margin:0;font-size:14px;line-height:1.5}.proposal-generating-sub{max-width:420px;font-size:13px;color:var(--ink-3)}.proposal-generating--inline{flex-direction:row;min-height:0;padding:10px 14px;font-size:13px;background:var(--ai-wash);border-color:color-mix(in srgb,var(--ai) 35%,var(--line));color:var(--ai-ink)}.proposal-grid.is-dimmed{opacity:.55;pointer-events:none}.layout-step{display:flex;flex-direction:column;gap:var(--gap);min-height:0}.layout-empty-hint{margin:0;font-size:14px;color:var(--ink-3)}.layout-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-l)}.layout-toolbar .chip,.layout-theme-dropdown-trigger,.layout-ratio-dropdown-trigger,.layout-toolbar .btn.sm{height:28px;box-sizing:border-box}.layout-style-chips{display:flex;gap:6px}.layout-theme-dropdown{position:relative;flex:none}.layout-theme-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 6px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);cursor:pointer;transition:border-color .12s ease,background .12s ease}.layout-theme-dropdown-trigger:hover:not(:disabled){border-color:var(--ink-3)}.layout-theme-dropdown-trigger:disabled{opacity:.45;cursor:not-allowed}.layout-theme-dropdown-chevron{width:0;height:0;margin-right:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--ink-3);flex:none}.layout-theme-swatch-preview{position:relative;display:block;width:18px;height:18px;border-radius:calc(var(--r-m) - 2px);overflow:hidden;flex:none;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.layout-theme-dropdown-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:30;display:grid;grid-template-columns:repeat(3,30px);gap:6px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 12%,transparent)}.layout-theme-swatch{position:relative;width:30px;height:30px;padding:0;border:2px solid var(--line);border-radius:var(--r-m);background:transparent;cursor:pointer;overflow:hidden;flex:none;transition:border-color .12s ease,box-shadow .12s ease}.layout-theme-swatch:hover:not(:disabled){border-color:var(--ink-3)}.layout-theme-swatch.is-active{border-color:var(--ink);box-shadow:0 0 0 1px var(--card)}.layout-theme-swatch:disabled{opacity:.45;cursor:not-allowed}.layout-theme-swatch-paper{position:absolute;top:0;right:0;bottom:0;left:0}.layout-theme-swatch-accent{position:absolute;right:3px;bottom:3px;width:11px;height:11px;border-radius:3px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--card) 80%,transparent)}.layout-frame--preview{display:flex;align-items:center;justify-content:center}.layout-fields{display:flex;flex-direction:column;gap:18px;min-width:0;padding:16px}.layout-fields-group{display:flex;flex-direction:column;gap:10px;min-width:0}.layout-fields-group+.layout-fields-group{padding-top:18px;border-top:1px solid var(--line-soft)}.layout-fields-heading{margin:0;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.layout-fields .field{margin-bottom:0}.layout-fields .field label{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2);margin-bottom:6px}.layout-fields .field input,.layout-fields .field textarea{width:100%;min-width:0;box-sizing:border-box;font-size:13px;line-height:1.45;padding:9px 11px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);color:var(--ink);resize:vertical}.layout-fields .field textarea{min-height:52px}.layout-recipe-select{width:100%;min-width:0;box-sizing:border-box;font-size:13px;font-weight:500;line-height:1.45;padding:8px 32px 8px 10px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);color:var(--ink);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;transition:border-color .14s ease}.layout-recipe-select:hover:not(:disabled){border-color:var(--accent)}.layout-recipe-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-wash)}.layout-recipe-select:disabled{opacity:.5;cursor:not-allowed}.layout-ai-recipe-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.layout-ai-recipe-id{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;padding:2px 7px;border-radius:9999px;background:var(--accent);color:#fff}.layout-ai-recipe-select-wrap{position:relative}.layout-ai-recipe-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ink-3)}.layout-recipe-desc{margin:6px 0 0;font-size:11.5px;line-height:1.5;color:var(--ink-3)}.layout-skill-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border:none;background:transparent;cursor:pointer;text-align:left;font:inherit;color:inherit}.layout-skill-meta{flex:1;font-size:12px;color:var(--ink-3)}.layout-skill-body{padding:0 14px 14px;border-top:1px solid var(--line)}.layout-skill-recipe{font-size:13px;margin:10px 0}.layout-template-select{position:relative;display:inline-flex;align-items:center}.layout-template-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-ui);font-size:13px;font-weight:500;padding:7px 32px 7px 12px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);color:var(--ink);cursor:pointer}.layout-template-icon{position:absolute;right:10px;pointer-events:none;color:var(--ink-3)}.layout-ratio-dropdown{position:relative;flex:none}.layout-ratio-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:border-color .12s ease,background .12s ease}.layout-ratio-dropdown-trigger:hover:not(:disabled){border-color:var(--ink-3)}.layout-ratio-dropdown-trigger:disabled{opacity:.45;cursor:not-allowed}.layout-ratio-dropdown-label{line-height:1}.layout-ratio-dropdown-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:30;display:flex;flex-direction:column;gap:4px;min-width:100%;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 12%,transparent)}.layout-ratio-option{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:8px 14px;border:1px solid transparent;border-radius:calc(var(--r-m) - 2px);background:transparent;color:var(--ink-2);text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.layout-ratio-option:hover:not(:disabled){background:var(--paper);border-color:var(--line)}.layout-ratio-option.is-active{border-color:var(--ink);background:var(--ink);color:var(--card)}.layout-ratio-option:disabled{opacity:.45;cursor:not-allowed}.layout-toolbar-actions{margin-left:auto;display:flex;gap:8px}.layout-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:var(--gap);align-items:start}@media(max-width:900px){.layout-workspace{grid-template-columns:1fr}}.layout-stage{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.layout-frame{width:min(100%,420px);padding:12px;background:var(--canvas-soft);border:1px solid var(--line);border-radius:var(--r-l)}.layout-frame.layout-frame--preview{width:100%;max-width:none;padding:20px 24px 24px;background:var(--canvas-soft);border:1px solid var(--line);border-radius:var(--r-l);box-sizing:border-box}.layout-frame--preview .ide-mockup-card--fit{width:100%;max-width:none;min-height:0;padding:0;border:none;background:transparent}.layout-frame--preview .preview-fit-host--poster{width:100%;height:min(72vh,720px);min-height:520px;padding:20px;box-sizing:border-box;border:none;border-radius:calc(var(--r-l) - 4px);background:color-mix(in srgb,var(--ink) 4%,var(--paper))}.layout-frame--preview .preview-fit-stage{background:var(--card);border-radius:calc(var(--r-m) - 2px);box-shadow:0 1px 0 var(--line-soft),0 10px 32px color-mix(in srgb,var(--ink) 10%,transparent)}.layout-fallback-host{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;padding:20px;box-sizing:border-box;background:color-mix(in srgb,var(--ink) 4%,var(--paper));border-radius:calc(var(--r-l) - 4px)}.layout-fallback-host .layout-preview{width:auto;height:100%;max-width:100%;max-height:100%;margin:0;box-shadow:0 1px 0 var(--line-soft),0 10px 32px color-mix(in srgb,var(--ink) 10%,transparent)}.layout-frame--preview .layout-preview:not(.layout-fallback-host .layout-preview){width:100%;max-width:min(100%,420px);margin:0 auto}.layout-safe-hint{margin:0;font-size:11px;color:var(--ink-3);font-family:var(--font-mono)}.layout-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}.layout-sidebar-next{width:100%;justify-content:center}.layout-sidebar{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.layout-ai-panel{border:1px solid var(--line-soft);border-radius:var(--r-m);background:var(--surface);overflow:hidden}.layout-ai-recipe{padding:14px 14px 10px}.layout-ai-recipe-field{display:flex;flex-direction:column;gap:6px}.layout-ai-recipe-label{font-size:11.5px;font-weight:500;color:var(--ink-2)}.layout-ai-divider{height:1px;background:var(--line-soft);margin:0}.layout-ai-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--ink-2);text-align:left}.layout-ai-toggle:hover{color:var(--ink)}.layout-ai-toggle svg:last-child{margin-left:auto;transition:transform .18s}.layout-ai-toggle[aria-expanded=true] svg:last-child{transform:rotate(90deg)}.layout-ai-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;line-height:1}.layout-ai-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:12px}.layout-ai-form{display:flex;gap:8px}.layout-ai-input{flex:1;padding:6px 10px;font-size:13px;border:1px solid var(--line-soft);border-radius:var(--r-s);background:var(--bg);color:var(--ink);outline:none}.layout-ai-input:focus{border-color:var(--accent)}.layout-ai-empty{font-size:12px;color:var(--ink-3);margin:0}.layout-ai-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.layout-ai-card{padding:12px 14px;border:1px solid var(--line-soft);border-radius:var(--r-m);background:var(--bg);transition:border-color .15s}.layout-ai-card.is-previewing{border-color:var(--accent)}.layout-ai-card.is-applied{opacity:.55}.layout-ai-card-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.layout-ai-card-label{font-size:12px;font-weight:600;color:var(--ink)}.layout-ai-card-done{margin-left:auto;font-size:11px;color:var(--ink-3)}.layout-ai-card-reason{font-size:12px;color:var(--ink-2);line-height:1.55;margin:0 0 10px}.layout-ai-card-actions{display:flex;gap:6px;justify-content:flex-end}.layout-ai-tips{margin:0;padding:0 0 0 18px;font-size:12px;line-height:1.55;color:var(--ink-2)}.layout-ai-tips li+li{margin-top:6px}.layout-ai-tabs{display:flex;border-bottom:1px solid var(--line-soft)}.layout-ai-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 10px;background:none;border:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--ink-3);transition:color .14s}.layout-ai-tab:hover{color:var(--ink)}.layout-ai-tab.is-active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.layout-ai-design-plan{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line-soft);border-radius:var(--r-m);background:var(--canvas-soft)}.layout-ai-design-plan.is-applied{opacity:.6}.layout-ai-design-summary{display:flex;gap:8px;align-items:flex-start}.layout-ai-design-summary p{margin:0;font-size:12px;color:var(--ink-2);line-height:1.6}.layout-ai-design-patches{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;max-height:200px;overflow-y:auto}.layout-ai-design-patch{display:flex;align-items:baseline;gap:8px;padding:4px 8px;border-radius:var(--r-s);background:var(--surface);font-size:11.5px;transition:background .12s}.layout-ai-design-patch.is-done{background:color-mix(in srgb,var(--accent) 10%,transparent)}.layout-ai-design-patch-type{font-family:var(--font-mono);font-size:10.5px;font-weight:600;white-space:nowrap;flex-shrink:0;color:var(--ink)}.layout-ai-design-patch-reason{color:var(--ink-3);line-height:1.45}.layout-ai-design-actions{display:flex;gap:8px;justify-content:flex-end}.layout-ai-design-done{font-size:12px;color:var(--ink-3);text-align:center;margin:0}.layout-ai-studio{display:flex;flex-direction:column;padding:16px;min-width:0}.layout-ai-studio-head{margin-bottom:4px}.layout-ai-studio-head .layout-fields-heading{margin:0 0 4px}.layout-ai-studio-meta{margin:0;font-size:11px;line-height:1.45;color:var(--ink-3)}.layout-ai-studio-body{display:flex;flex-direction:column;gap:0;min-width:0}.layout-ai-studio-block{display:flex;flex-direction:column;gap:8px;padding-top:12px;margin-top:12px;border-top:1px solid var(--line-soft)}.layout-ai-studio-label{margin:0;font-size:12px;font-weight:500;color:var(--ink-2)}.layout-ai-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.layout-style-toggle{display:inline-flex;gap:4px;padding:2px;border-radius:var(--r-s);border:1px solid var(--line-soft);background:var(--canvas-soft)}.layout-style-chip{padding:4px 10px;border:none;border-radius:calc(var(--r-s) - 2px);background:transparent;color:var(--ink-2);font-size:12px;font-family:inherit;cursor:pointer;transition:background .12s,color .12s}.layout-style-chip:hover:not(:disabled){color:var(--ink)}.layout-style-chip.is-active{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #26251e14}.layout-style-chip:disabled{opacity:.45;cursor:default}.layout-editor-panel{display:flex;flex-direction:column;gap:12px}.layout-ai-preset-chip{width:100%;padding:7px 8px;border-radius:var(--r-s);border:1px solid var(--line-soft);background:var(--wash);color:var(--ink-2);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;text-align:center;transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease;line-height:1.35}.layout-ai-preset-chip:hover:not(:disabled){background:var(--card);color:var(--ink);border-color:var(--line-2)}.layout-ai-preset-chip.on{background:var(--accent-wash);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line-soft));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.layout-ai-preset-chip:disabled{opacity:.45;cursor:default}.layout-ai-direction{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--r-s);background:var(--wash);font-size:12px;line-height:1.5;color:var(--ink);resize:vertical;min-height:52px;max-height:120px;font-family:inherit;transition:border-color .14s ease}.layout-ai-direction:focus{outline:none;border-color:var(--accent);background:var(--card)}.layout-ai-direction::placeholder{color:var(--ink-3)}.layout-ai-direction:disabled{opacity:.5}.layout-ai-actions{padding-top:14px;margin-top:14px;border-top:1px solid var(--line-soft)}.layout-ai-segmented{display:flex;gap:6px}.layout-ai-segmented-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:9px 12px;border:1.5px solid var(--line-2);border-radius:var(--r-s);background:transparent;color:var(--ink-2);font-size:12.5px;font-weight:500;font-family:inherit;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.layout-ai-segmented-btn:hover:not(:disabled):not(.is-muted){border-color:var(--ai);color:var(--ai);background:var(--ai-wash)}.layout-ai-segmented-btn.is-active{border-color:var(--ai);background:var(--ai);color:#fff;font-weight:600}.layout-ai-segmented-btn.is-active:hover{opacity:.88}.layout-ai-segmented-btn.is-muted,.layout-ai-segmented-btn:disabled:not(.is-active){opacity:.35;cursor:default}.layout-ai-segmented-btn.is-active:disabled{opacity:1}.layout-ai-error{margin:0;padding:8px 10px;border-radius:var(--r-s);background:color-mix(in srgb,#e53935 10%,transparent);color:#c62828;font-size:12px;line-height:1.5}.layout-ai-hint{margin:0;font-size:12px;color:var(--ink-3);line-height:1.5}.layout-ai-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.layout-ai-stale-hint{margin:0 0 8px;font-size:11.5px;color:color-mix(in srgb,var(--accent) 85%,var(--ink));line-height:1.5}.layout-ai-suggest-section{border-top:1px solid var(--line-soft);padding-top:10px;margin-top:4px}.layout-ai-suggest-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.layout-ai-suggest-header .layout-ai-studio-label{margin:0}.layout-ai-suggestions{display:flex;flex-direction:column;gap:4px}.layout-ai-suggestion-chip{display:block;width:100%;padding:6px 10px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-s);font-size:12px;color:var(--ink-2);text-align:left;cursor:pointer;transition:border-color .12s,background .12s}.layout-ai-suggestion-chip:hover:not(:disabled){border-color:var(--accent);background:var(--accent-wash, color-mix(in srgb, var(--accent) 8%, transparent));color:var(--ink)}.layout-ai-suggestion-chip:disabled{opacity:.45;cursor:not-allowed}.layout-assets-panel{display:flex;flex-direction:column;gap:8px;padding:12px 14px}.layout-assets-head{display:flex;align-items:center;justify-content:space-between}.layout-assets-counter{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.layout-assets-drop{border:1.5px dashed var(--line-2);border-radius:var(--r-s);min-height:60px;display:flex;align-items:stretch;transition:border-color .12s}.layout-assets-drop.has-assets{border-style:solid;border-color:var(--line-soft);background:var(--surface);padding:8px;flex-direction:column;gap:6px}.layout-assets-drop.is-disabled{opacity:.55}.layout-assets-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:transparent;border:none;border-radius:var(--r-s);color:var(--ink-3);font-size:12px;cursor:pointer;transition:color .12s;width:100%}.layout-assets-empty:hover:not(:disabled){color:var(--accent)}.layout-assets-empty:disabled{cursor:not-allowed}.layout-assets-grid{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.layout-assets-item{position:relative;width:68px;height:68px;border-radius:var(--r-s);overflow:hidden;border:1px solid var(--line-soft);flex-shrink:0}.layout-assets-thumb{display:block;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer}.layout-assets-thumb img{display:block;width:100%;height:100%;object-fit:cover}.layout-assets-delete{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#0000008c;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .12s}.layout-assets-item:hover .layout-assets-delete{opacity:1}.layout-assets-delete:disabled{cursor:not-allowed;opacity:.3}.layout-assets-add-more{width:68px;height:68px;border:1.5px dashed var(--line-2);border-radius:var(--r-s);background:transparent;color:var(--ink-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .12s,color .12s;flex-shrink:0}.layout-assets-add-more:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.layout-assets-add-more:disabled{cursor:not-allowed;opacity:.4}.layout-preview--overview{background:var(--paper, #fafaf8);padding:18px 16px;display:flex;flex-direction:column;gap:10px}.layout-preview--overview .layout-preview-brand{font-size:10px;letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase}.layout-preview--overview .layout-preview-title{font-size:15px;font-weight:600;margin:0;line-height:1.4;color:var(--ink)}.layout-preview-caption{flex:1;font-size:11.5px;line-height:1.7;color:var(--ink-2);overflow-y:auto;white-space:pre-wrap;word-break:break-word}.layout-thumb-wrap{display:block;position:relative}.layout-thumb-badge{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7)}.layout-thumb-badge--dark{background:#1a1916}.layout-thumb-badge--accent{background:var(--accent)}.layout-preview{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:calc(var(--r-m) - 2px);overflow:hidden;box-shadow:0 1px 0 var(--line-soft),0 8px 24px color-mix(in srgb,var(--ink) 8%,transparent)}.layout-preview--cover{background:linear-gradient(165deg,#2a2824,#1a1916);color:#f5f3ee;padding:14px 16px 18px;display:flex;flex-direction:column;justify-content:space-between}.layout-preview--cover.is-safe:before,.layout-preview--cover.is-safe:after{content:"";position:absolute;left:0;right:0;height:8%;pointer-events:none;border:1px dashed color-mix(in srgb,#fff 18%,transparent);opacity:.35}.layout-preview--cover.is-safe:before{top:0}.layout-preview--cover.is-safe:after{bottom:0}.layout-preview-brand{font-size:11px;font-weight:600;letter-spacing:.04em;opacity:.85}.layout-preview-copy{margin-top:auto}.layout-preview-title{margin:0 0 6px;font-size:clamp(16px,4.5vw,22px);font-weight:400;line-height:1.2;letter-spacing:-.03em}.layout-preview-sub{margin:0;font-size:11px;line-height:1.45;opacity:.78;max-width:92%}.layout-preview-accent{display:block;width:28px;height:3px;margin-top:10px;background:var(--accent);border-radius:2px}.layout-preview--inner{background:var(--card);color:var(--ink);padding:18px 16px;display:flex;align-items:flex-start}.layout-preview-inner{width:100%}.layout-preview--inner .layout-preview-title{font-size:clamp(15px,4vw,20px)}.layout-preview--inner .layout-preview-sub{color:var(--ink-3);opacity:1;font-size:11px}.layout-preview--back{background:linear-gradient(165deg,#2a2824,#1a1916);color:#f5f3ee;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px}.layout-preview-back-brand{display:block;font-size:clamp(14px,3.5vw,18px);letter-spacing:-.02em;margin-bottom:6px}.layout-preview-back-sub{margin:0;font-size:10px;opacity:.72}.layout-filmstrip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}.layout-thumb{flex:0 0 auto;width:88px;padding:0;border:2px solid transparent;border-radius:var(--r-m);background:transparent;cursor:pointer;text-align:center;transition:border-color .12s ease}.layout-thumb.is-selected{border-color:var(--accent)}.layout-thumb-mini{display:block;position:relative;width:100%;height:104px;border-radius:calc(var(--r-m) - 4px);overflow:hidden;border:1px solid var(--line);background:var(--canvas-soft);pointer-events:none}.layout-thumb-mini .ide-mockup-card--fit{width:100%;height:100%;min-height:0;padding:0;border:none;background:transparent}.layout-thumb-mini .preview-fit-host--poster{width:100%;height:100%;min-height:0}.layout-thumb-mini .preview-fit-loading{display:flex;align-items:center;justify-content:center;height:100%;margin:0;font-size:9px;color:var(--ink-4)}.layout-thumb-mini .layout-preview{width:100%;height:100%;aspect-ratio:auto;box-shadow:none;font-size:6px}.layout-thumb-mini .layout-preview-title{font-size:8px}.layout-thumb-mini .layout-preview-sub,.layout-thumb-mini .layout-preview-back-sub,.layout-thumb-mini .layout-preview-brand{font-size:5px}.layout-thumb-label{display:block;margin-top:6px;font-size:10px;color:var(--ink-3);line-height:1.2;white-space:nowrap}.layout-thumb.is-selected .layout-thumb-label{color:var(--ink);font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.copy-step{display:flex;flex-direction:column;gap:var(--gap)}.copy-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.copy-title-pills{display:flex;flex-wrap:wrap;gap:8px}.copy-compare-hint,.copy-empty-hint{margin:0;font-size:13px;color:var(--ink-3);line-height:1.5;padding:10px 14px;background:var(--canvas-soft);border:1px solid var(--line-soft);border-radius:var(--r-m)}.copy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:14px;align-items:start}@media(max-width:960px){.copy-grid{grid-template-columns:1fr}}.copy-main{display:flex;flex-direction:column;gap:14px;min-width:0}.copy-card{padding:16px 18px}.copy-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.copy-label{font-size:13px;font-weight:600;color:var(--ink)}.copy-counter{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.copy-counter.is-warn{color:var(--warn)}.copy-counter.is-over{color:var(--danger)}.copy-input,.copy-textarea{width:100%;font-family:var(--font-ui);font-size:14px;line-height:1.55;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);padding:10px 12px;resize:vertical;transition:border-color .14s ease}.copy-input:focus,.copy-textarea:focus{outline:none;border-color:var(--line-2);box-shadow:0 0 0 2px var(--accent-wash)}.copy-textarea--auto{min-height:96px;max-height:none;overflow:hidden;resize:none;field-sizing:content}.copy-ai-btn{margin-top:10px}.copy-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.copy-tag-chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11.5px;padding:4px 8px 4px 10px;border-radius:9999px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink-2)}.copy-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin:0;border:none;background:transparent;color:var(--ink-3);font-size:14px;line-height:1;cursor:pointer;border-radius:9999px}.copy-tag-remove:hover{background:var(--line-soft);color:var(--ink)}.copy-tag-add{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:12.5px;padding:6px 12px;border-radius:var(--r-m);border:1px dashed var(--line-2);background:transparent;color:var(--ai-ink);cursor:pointer;transition:border-color .14s ease,background .14s ease}.copy-tag-add:hover:not(:disabled){border-color:var(--ai);background:var(--ai-wash)}.copy-tag-add:disabled{opacity:.5;cursor:not-allowed}.copy-assets-hint{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--ink-3)}.copy-assets-drop{position:relative;border:1px dashed var(--line-2);border-radius:var(--r-m);background:var(--canvas-soft);transition:border-color .14s ease,background .14s ease}.copy-assets-drop.has-assets{background:var(--surface);padding:10px}.copy-assets-drop.is-disabled{opacity:.55}.copy-assets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:88px;padding:16px;border:none;background:transparent;color:var(--ink-3);font-size:13px;cursor:pointer;border-radius:var(--r-m);transition:color .14s ease}.copy-assets-empty:hover:not(:disabled){color:var(--accent)}.copy-assets-empty:disabled{cursor:not-allowed}.copy-assets-add-more{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:8px auto 2px;padding:0;border:1px dashed var(--line-2);border-radius:50%;background:transparent;color:var(--ink-3);cursor:pointer;transition:border-color .14s ease,color .14s ease}.copy-assets-add-more:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.copy-assets-add-more:disabled{cursor:not-allowed;opacity:.4}.copy-assets-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.copy-assets-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.copy-assets-item{position:relative;border:1px solid var(--line-soft);border-radius:var(--r-m);background:var(--surface);overflow:hidden}.copy-assets-item.is-dragging{opacity:.55}.copy-assets-item.is-drop-target{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-wash)}.copy-assets-order{position:absolute;top:6px;right:6px;z-index:1;font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px 6px;border-radius:9999px;background:#0000008c;color:#fff}.copy-assets-handle{grid-row:1 / 3;align-self:center;display:flex;align-items:center;justify-content:center;width:28px;min-height:72px;padding:0;border:none;border-radius:var(--r-s);background:var(--canvas-soft);color:var(--ink-3);font-size:12px;letter-spacing:-2px;cursor:grab}.copy-assets-handle:disabled{cursor:not-allowed}.copy-assets-thumb-wrap{position:relative;width:100%}.copy-assets-thumb{display:block;width:100%;padding:0;border:none;background:transparent;border-radius:0;overflow:hidden;cursor:zoom-in;aspect-ratio:4 / 3}.copy-assets-delete{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s ease}.copy-assets-thumb-wrap:hover .copy-assets-delete{opacity:1}.copy-assets-delete:disabled{cursor:not-allowed;opacity:.3}.copy-assets-thumb img{display:block;width:100%;height:100%;object-fit:cover}.copy-assets-item-actions{grid-column:2;display:flex;gap:4px;flex-wrap:wrap}.copy-asset-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#0c0a08b8}.copy-asset-preview-dialog{display:flex;flex-direction:column;gap:12px;max-width:min(92vw,960px);max-height:92vh;padding:16px}.copy-asset-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.copy-asset-preview-name{font-size:13px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-asset-preview-img{max-width:100%;max-height:min(72vh,820px);width:auto;height:auto;object-fit:contain;border-radius:var(--r-s)}.copy-asset-preview-open{font-size:12.5px;color:var(--accent);text-align:center}.copy-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}.copy-aside-next{width:100%;justify-content:center}.copy-aside{padding:18px;position:sticky;top:16px}.copy-aside-title{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:13px;font-weight:600;letter-spacing:.01em}.copy-aside-title-icon{font-size:11px;color:var(--accent);line-height:1}.copy-aside-intro{margin:0 0 16px;font-size:12px;line-height:1.5;color:var(--ink-3)}.copy-suggestions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.copy-suggestion{padding:10px 0 10px 14px;border-radius:0;border:none;border-left:2px solid var(--line-2);background:transparent;margin-bottom:12px}.copy-suggestion:last-child{margin-bottom:0}.copy-suggestion--hook{border-left-color:color-mix(in srgb,var(--tl-thinking) 70%,var(--line))}.copy-suggestion--title{border-left-color:color-mix(in srgb,var(--tl-read) 70%,var(--line))}.copy-suggestion--readability{border-left-color:color-mix(in srgb,var(--tl-grep) 70%,var(--line))}.copy-suggestion--risk{border-left-color:color-mix(in srgb,var(--warn) 60%,var(--line))}.copy-suggestion-head{display:block;margin-bottom:4px}.copy-suggestion-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:600;color:var(--ink-3)}.copy-suggestion-action{display:inline-block;margin-top:6px;font-size:12px;font-weight:500;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;white-space:nowrap}.copy-suggestion-action:hover:not(:disabled){text-decoration:underline}.copy-suggestion-detail{margin:0;font-size:12.5px;line-height:1.55;color:var(--ink-2)}