:root{--color-canvas: #eef0f4;--color-surface: #ffffff;--color-surface-sunken: #f6f7f9;--color-surface-raised: #ffffff;--color-ink: #14161a;--color-ink-secondary: #454b57;--color-ink-muted: #5b6270;--color-border: #dfe3e9;--color-border-strong: #7c8493;--color-border-input: #6f7787;--color-accent: #2354d6;--color-accent-hover: #1b44ae;--color-accent-soft: #e8eefe;--color-accent-ink: #1a3f9e;--color-success: #14663a;--color-success-soft: #e3f4ea;--color-warning: #8a5300;--color-warning-soft: #fdf0dc;--color-danger: #b3261e;--color-danger-soft: #fdeceb;--color-info: #1f5c8b;--color-info-soft: #e6f1f9;--color-focus-ring: #2354d6;--color-overlay: rgba(20, 22, 26, .55);--color-shadow: rgba(16, 20, 28, .12);--color-shadow-strong: rgba(16, 20, 28, .22);--font-ui: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.3125rem;--text-2xl: 1.625rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 2px var(--color-shadow);--shadow-md: 0 2px 8px var(--color-shadow);--shadow-lg: 0 12px 32px var(--color-shadow-strong);--target-min: 32px;--ring: 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-focus-ring);--transition-fast: .11s ease;--transition-base: .18s ease}:root[data-theme=dark]{--color-canvas: #0d0f13;--color-surface: #171a20;--color-surface-sunken: #12151a;--color-surface-raised: #1e222a;--color-ink: #f3f5f8;--color-ink-secondary: #bcc3ce;--color-ink-muted: #9aa2af;--color-border: #2b303a;--color-border-strong: #59616f;--color-border-input: #6b7382;--color-accent: #8fb0ff;--color-accent-hover: #a9c2ff;--color-accent-soft: #1c2540;--color-accent-ink: #b9cdff;--color-success: #74d99b;--color-success-soft: #14291d;--color-warning: #f0b95c;--color-warning-soft: #2c2314;--color-danger: #ff9a92;--color-danger-soft: #2f1a19;--color-info: #86c5f0;--color-info-soft: #14232e;--color-focus-ring: #8fb0ff;--color-overlay: rgba(4, 6, 9, .7);--color-shadow: rgba(0, 0, 0, .4);--color-shadow-strong: rgba(0, 0, 0, .6)}:root{--paper: #ffffff;--paper-shadow: 0 1px 3px rgba(16, 20, 28, .16), 0 8px 24px rgba(16, 20, 28, .12)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}#root{height:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-ink);background:var(--color-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,figure{margin:0}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}::selection{background:var(--color-accent-soft);color:var(--color-ink)}.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}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transform:translateY(-200%);transition:transform var(--transition-fast)}.skip-link:focus{transform:translateY(0)}.app{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:100%}.app--fallback{grid-template-rows:minmax(0,1fr)}.app-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.brand__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;flex:none}.brand__text{display:flex;flex-direction:column;min-width:0}.brand__name{font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:-.01em;line-height:1.2}.brand__tag{font-size:var(--text-xs);color:var(--color-ink-muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-wrap:wrap}.app-body{--pane-min-width: 320px;--pane-splitter-width: 1px;--pane-splitter-grab: 5px;display:grid;grid-template-columns:minmax(var(--pane-min-width),calc(var(--pane-split, .465) * 100%)) var(--pane-splitter-width) minmax(var(--pane-min-width),1fr);min-height:0}.app-body[data-resizing=true]{cursor:col-resize;user-select:none}.pane-resizer{position:relative;width:var(--pane-splitter-width);background:var(--color-border);cursor:col-resize;touch-action:none;transition:background var(--transition-fast)}.pane-resizer:before{content:"";position:absolute;inset:0 calc(-1 * var(--pane-splitter-grab));z-index:3}.pane-resizer:hover,.app-body[data-resizing=true] .pane-resizer{background:var(--color-accent)}.pane-resizer:focus-visible{outline:none;background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.pane{display:flex;flex-direction:column;min-height:0;min-width:0}.pane--editor{background:var(--color-canvas)}.pane--preview{background:var(--color-surface-sunken)}.pane__scroll{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-gutter:stable;contain:paint;overscroll-behavior:contain}.tabbar{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-4) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border);overflow-x:auto}.tab{appearance:none;border:none;background:transparent;color:var(--color-ink-secondary);padding:var(--space-2) var(--space-3);min-height:var(--target-min);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.tab:hover{color:var(--color-ink);background:var(--color-surface-sunken)}.tab[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab__badge{font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:1px solid var(--color-border);color:var(--color-ink-secondary);min-width:20px;text-align:center}.tab__badge--warn{background:var(--color-warning-soft);border-color:transparent;color:var(--color-warning)}.tab__badge--fail{background:var(--color-danger-soft);border-color:transparent;color:var(--color-danger)}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target-min);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-input);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:hover:not(:disabled){background:var(--color-surface-sunken)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover:not(:disabled){background:var(--color-surface-sunken)}.btn--danger{color:var(--color-danger);border-color:var(--color-border-input)}.btn--danger:hover:not(:disabled){background:var(--color-danger-soft)}.btn--sm{min-height:28px;font-size:var(--text-xs);padding:0 var(--space-2)}.btn--block{width:100%}.icon-btn{appearance:none;display:inline-grid;place-items:center;width:var(--target-min);height:var(--target-min);flex:none;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-ink-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.icon-btn:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-ink)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn--danger:hover:not(:disabled){color:var(--color-danger);background:var(--color-danger-soft)}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-ink-secondary);display:flex;align-items:baseline;gap:var(--space-2)}.field__optional{font-weight:var(--weight-regular);color:var(--color-ink-muted)}.field__hint{font-size:var(--text-xs);color:var(--color-ink-muted)}.field__error{font-size:var(--text-xs);color:var(--color-danger)}.input,.textarea,.select{width:100%;min-height:var(--target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-input);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:hover,.textarea:hover,.select:hover{border-color:var(--color-ink-muted)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{border-color:var(--color-accent)}.textarea{min-height:88px;resize:vertical;line-height:var(--leading-relaxed)}.textarea--autosize{field-sizing:content;min-height:64px}.input--invalid{border-color:var(--color-danger)}.input::placeholder,.textarea::placeholder{color:var(--color-ink-muted);opacity:1}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:var(--space-2);align-items:end}.field-row>.field,.field-row>*>.field{min-width:0}.field-row--even{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack--tight{gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.switch{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target-min);cursor:pointer;font-size:var(--text-sm);color:var(--color-ink-secondary)}.switch input{appearance:none;width:36px;height:20px;border-radius:var(--radius-pill);background:var(--color-border-strong);position:relative;cursor:pointer;transition:background var(--transition-fast);flex:none;margin:0}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--transition-fast)}.switch input:checked{background:var(--color-accent)}.switch input:checked:after{transform:translate(16px)}.segmented{display:inline-flex;padding:2px;gap:2px;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md)}.segmented button{appearance:none;border:none;background:transparent;color:var(--color-ink-secondary);min-height:26px;padding:0 var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium)}.segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm)}.color-swatches{display:flex;gap:var(--space-2);flex-wrap:wrap}.color-swatch{width:var(--target-min);height:var(--target-min);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #0000002e}.color-swatch[aria-pressed=true]{border-color:var(--color-ink)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border)}.card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);flex:1;min-width:0}.card__body{padding:var(--space-4)}.editor{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);max-width:900px;margin:0 auto;width:100%}.section-card__heading{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.section-card__name{flex:1;min-width:120px}.section-card__name .input{border-color:transparent;background:transparent;font-weight:var(--weight-semibold);font-size:var(--text-base);padding-left:var(--space-2)}.section-card__name .input:hover{border-color:var(--color-border-input);background:var(--color-surface)}.section-card__tools{display:flex;align-items:center;gap:2px}.section-card[data-hidden=true] .section-card__body{display:none}.section-card[data-dimmed=true]{opacity:.6}.entry{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.entry+.entry{margin-top:var(--space-3)}.entry__header{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border)}.entry__summary{flex:1;min-width:0;font-size:var(--text-sm);color:var(--color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry__summary strong{color:var(--color-ink);font-weight:var(--weight-medium)}.entry__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.bullets{display:flex;flex-direction:column;gap:var(--space-2)}.bullet{display:flex;align-items:flex-start;gap:var(--space-1)}.bullet__grip{display:grid;place-items:center;width:24px;height:var(--target-min);color:var(--color-ink-muted);cursor:grab;flex:none;background:none;border:none;border-radius:var(--radius-sm)}.bullet__grip:hover{color:var(--color-ink)}.bullet__field{flex:1;min-width:0}.bullet__tools{display:flex;align-items:center;gap:0;opacity:.55;transition:opacity var(--transition-fast)}.bullet:hover .bullet__tools,.bullet:focus-within .bullet__tools{opacity:1}.bullet[data-dragging=true]{opacity:.4}.bullet[data-drop-target=true] .bullet__field textarea{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.bullet__count{font-size:var(--text-xs);color:var(--color-ink-muted);font-variant-numeric:tabular-nums;padding:0 var(--space-1)}.bullet__count--long{color:var(--color-warning)}.entry__drag{cursor:grab}.section-add{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:transparent}.section-add__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-2)}.section-add__item{text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;min-height:var(--target-min)}.section-add__item:hover:not(:disabled){border-color:var(--color-accent)}.section-add__item:disabled{opacity:.45;cursor:not-allowed}.section-add__item strong{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium)}.section-add__item span{display:block;font-size:var(--text-xs);color:var(--color-ink-muted)}.preview-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.preview-toolbar__group{display:flex;align-items:center;gap:var(--space-1)}.preview-toolbar__spacer{flex:1}.preview-toolbar__zoom,.preview-toolbar__status{font-size:var(--text-xs);color:var(--color-ink-muted);font-variant-numeric:tabular-nums;padding:0 var(--space-2);display:inline-flex;align-items:center;gap:var(--space-2)}.preview-scroll{padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.pdf-page{position:relative;background:var(--paper);box-shadow:var(--paper-shadow);border-radius:2px;overflow:hidden}.pdf-page canvas{display:block;width:100%;height:auto}.pdf-page__label{position:absolute;top:var(--space-2);left:var(--space-2);z-index:2;font-size:var(--text-xs);color:var(--color-ink-muted);background:color-mix(in srgb,var(--paper) 85%,transparent);padding:2px var(--space-2);border-radius:var(--radius-pill);pointer-events:none}.pdf-links{position:absolute;inset:0;pointer-events:none}.pdf-link{position:absolute;pointer-events:auto;border-radius:2px;background:transparent;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.pdf-link:hover{background:color-mix(in srgb,var(--color-accent) 18%,transparent);box-shadow:0 0 0 1px var(--color-accent)}.preview-placeholder{display:grid;place-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);color:var(--color-ink-muted);text-align:center}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.error-box{margin:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-danger-soft);color:var(--color-danger);border:1px solid color-mix(in srgb,var(--color-danger) 35%,transparent);font-size:var(--text-sm)}.error-box pre{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word}.parser-view{padding:var(--space-5);max-width:820px;margin:0 auto;width:100%}.parser-page{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.parser-page__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);margin-bottom:var(--space-2)}.parser-line{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;white-space:pre-wrap;word-break:break-word;padding:1px 0;border-radius:3px}.parser-line--heading{font-weight:var(--weight-bold);color:var(--color-accent);background:var(--color-accent-soft);padding:1px var(--space-1);margin:var(--space-1) 0}.parser-line--bullet{padding-left:var(--space-4)}.parser-line--name{font-size:var(--text-lg);font-weight:var(--weight-bold)}.parser-legend{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-ink-muted);margin-bottom:var(--space-3)}.analysis{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);max-width:900px;margin:0 auto;width:100%}.verdict{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap}.verdict__dial{width:74px;height:74px;flex:none;border-radius:50%;display:grid;place-items:center;font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);font-size:var(--text-lg);background:var(--color-success-soft);color:var(--color-success)}.verdict__dial[data-grade=good]{background:var(--color-info-soft);color:var(--color-info)}.verdict__dial[data-grade=fair]{background:var(--color-warning-soft);color:var(--color-warning)}.verdict__dial[data-grade=needs-work]{background:var(--color-danger-soft);color:var(--color-danger)}.verdict__body{flex:1;min-width:220px}.verdict__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.verdict__sub{color:var(--color-ink-secondary);font-size:var(--text-sm)}.verdict__disclaimer{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-muted)}.checks{display:flex;flex-direction:column;gap:var(--space-2)}.check{display:flex;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-left-width:3px;border-radius:var(--radius-md);background:var(--color-surface)}.check[data-status=pass]{border-left-color:var(--color-success)}.check[data-status=warn]{border-left-color:var(--color-warning)}.check[data-status=fail]{border-left-color:var(--color-danger)}.check[data-status=info]{border-left-color:var(--color-info)}.check[data-dismissed=true]{opacity:.55}.check__icon{flex:none;margin-top:1px}.check__icon[data-status=pass]{color:var(--color-success)}.check__icon[data-status=warn]{color:var(--color-warning)}.check__icon[data-status=fail]{color:var(--color-danger)}.check__icon[data-status=info]{color:var(--color-info)}.check__body{flex:1;min-width:0}.check__title{font-weight:var(--weight-medium);font-size:var(--text-base)}.check__detail{color:var(--color-ink-secondary);font-size:var(--text-sm);margin-top:2px}.check__fix{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-ink);display:flex;gap:var(--space-2);align-items:flex-start}.check__fix-label{flex:none;font-weight:var(--weight-semibold);color:var(--color-ink-secondary)}.check__actions{display:flex;gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);border:1px solid var(--color-border);background:var(--color-surface-sunken);color:var(--color-ink-secondary)}.chip--hit{background:var(--color-success-soft);border-color:transparent;color:var(--color-success)}.chip--miss{background:var(--color-warning-soft);border-color:transparent;color:var(--color-warning);cursor:pointer}.chip--miss:hover{box-shadow:var(--shadow-sm)}.chip--button{cursor:pointer}.chip--button:hover{border-color:var(--color-accent);color:var(--color-ink)}.meter{height:8px;border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:1px solid var(--color-border);overflow:hidden}.meter__fill{height:100%;background:var(--color-accent)}.meter__fill[data-tone=success]{background:var(--color-success)}.meter__fill[data-tone=warning]{background:var(--color-warning)}.meter__fill[data-tone=danger]{background:var(--color-danger)}.notice{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-ink);color:var(--color-surface);box-shadow:var(--shadow-lg);max-width:min(560px,calc(100vw - 32px));font-size:var(--text-sm)}.notice[data-tone=success]{background:var(--color-success);color:#fff}.notice[data-tone=warning]{background:var(--color-warning);color:#fff}.notice[data-tone=danger]{background:var(--color-danger);color:#fff}.notice button{color:inherit}.modal-backdrop{position:fixed;inset:0;z-index:70;background:var(--color-overlay);display:grid;place-items:center;padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:min(620px,100%);max-height:min(80vh,720px);display:flex;flex-direction:column;overflow:hidden}.modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.modal__title{flex:1;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.modal__body{padding:var(--space-4);overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.empty-state{padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--color-ink-muted);font-size:var(--text-sm)}.kbd{font-family:var(--font-mono);font-size:11px;padding:1px 5px;border-radius:var(--radius-sm);border:1px solid var(--color-border);border-bottom-width:2px;background:var(--color-surface-sunken);color:var(--color-ink-secondary);white-space:nowrap}.shortcuts{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);font-size:var(--text-sm);align-items:baseline}.shortcuts dt{text-align:right}.shortcuts dd{margin:0;color:var(--color-ink-secondary)}.hint-list{margin:0;padding-left:var(--space-4);color:var(--color-ink-secondary);font-size:var(--text-sm)}.hint-list li+li{margin-top:var(--space-1)}.mobile-switch{display:none;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border)}@media(max-width:1080px){.app-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.mobile-switch{display:flex}.pane-resizer,.app-body[data-mobile-pane=edit] .pane--preview,.app-body[data-mobile-pane=preview] .pane--editor{display:none}}@media(max-width:640px){.app-header{padding:var(--space-2) var(--space-3)}.editor,.analysis{padding:var(--space-3)}.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.brand__tag{display:none}.preview-scroll{padding:var(--space-3)}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}