:root{font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;--bg: #f6f7f9;--surface: #ffffff;--surface-sunken: #f1f2f5;--surface-muted: #fafbfc;--border: #e5e7eb;--border-strong: #d3d7dd;--text: #1f2329;--text-secondary: #4b515b;--text-muted: #6f7580;--text-faint: #949aa4;--accent: #4f5bd5;--accent-hover: #4450c4;--accent-soft: #f2f3fe;--accent-border: #c6cbf5;--danger: #a8433f;--danger-soft: #fdf7f7;--danger-border: #ecd6d5;--ok: #2f855a;--radius-sm: 5px;--radius: 7px;--radius-lg: 10px;--shadow-xs: 0 1px 2px rgba(20, 24, 32, .05);--shadow-sm: 0 1px 3px rgba(20, 24, 32, .07);--shadow-md: 0 6px 20px rgba(20, 24, 32, .08);--shadow-lg: 0 18px 48px rgba(18, 22, 30, .18);--header-height: 64px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{min-height:100vh}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius);font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.button.primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-xs)}.button.primary:hover:not(:disabled){background:var(--accent-hover)}.button.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text-secondary)}.button.secondary:hover:not(:disabled){border-color:#b9bec7;color:var(--text)}.button.wide{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}.text-button{border:0;background:none;color:var(--accent);font-size:12px;font-weight:600;padding:6px;cursor:pointer;border-radius:var(--radius-sm)}.text-button:hover{background:var(--accent-soft)}.icon-button{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-muted);font-size:13px;cursor:pointer}.icon-button:hover{background:var(--surface-sunken);color:var(--text)}.eyebrow{font-size:11px!important;color:var(--accent)!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.site-header{height:var(--header-height);padding:0 28px;border-bottom:1px solid var(--border);background:var(--surface);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:5}.brand{border:0;background:none;font-size:19px;font-weight:700;letter-spacing:-.03em;padding:0;justify-self:start;cursor:pointer}.brand span{color:var(--accent)}.local-badge{justify-self:end;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text-faint)}.local-badge:first-letter{color:var(--ok)}.stepper{list-style:none;display:flex;align-items:center;padding:0;margin:0;gap:30px}.stepper li{position:relative;display:flex;align-items:center;gap:8px;color:var(--text-faint);font-size:12px;font-weight:600;white-space:nowrap}.stepper li:not(:last-child):after{content:"";position:absolute;left:calc(100% + 9px);width:14px;height:1px;background:var(--border-strong)}.stepper span{display:grid;place-items:center;width:21px;height:21px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);font-size:10px}.stepper li.active{color:var(--text)}.stepper li.active span{border-color:var(--accent);background:var(--accent);color:#fff}.stepper li.done span{border-color:var(--accent);color:var(--accent)}.upload-page{max-width:1060px;margin:0 auto;padding:68px 30px 96px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}.hero-copy{position:sticky;top:92px;padding-top:38px}.hero-copy h1{margin:16px 0 18px;font-size:clamp(38px,4.6vw,58px);line-height:1.14;letter-spacing:-.04em;font-weight:650}.hero-copy>p:last-child{color:var(--text-muted);font-size:15px;line-height:1.85}.upload-card,.analysis-card{grid-column:2;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.dropzone{min-height:280px;padding:34px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .12s ease,background .12s ease}.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone h2{margin:16px 0 5px;font-size:17px}.dropzone p{margin:0 0 18px;color:var(--text-muted);font-size:13px}.dropzone .text-button{margin-top:6px}.file-icon{position:relative;display:grid;place-items:center;width:50px;height:58px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--accent);font-size:10px;font-weight:800;box-shadow:var(--shadow-xs)}.file-icon:after{content:"";position:absolute;right:-1px;top:-1px;width:14px;height:14px;background:linear-gradient(225deg,var(--surface-muted) 50%,var(--border-strong) 51%,#fff 58%)}.privacy-note{display:flex;gap:12px;padding:17px 12px 2px;color:var(--text-muted);font-size:12px;line-height:1.6}.privacy-note strong{color:var(--text-secondary);font-weight:600}.analysis-card{margin-top:16px}.analysis-head{display:flex;justify-content:space-between;padding:2px 3px 14px;border-bottom:1px solid var(--border);color:var(--text-faint);font-size:11px}.analysis-head>div{color:var(--ok);font-weight:600}.status-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--ok)}.players{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:18px 4px}.players>div{display:flex;align-items:center;gap:10px}.players small,.players strong,.players div span{display:block}.players small{color:var(--text-faint);font-size:10px}.players strong{margin:2px 0;font-size:14px}.players div span{color:var(--text-muted);font-size:11px}.versus{color:var(--text-faint);font-size:10px}.stone{flex:0 0 auto;width:26px;height:26px;border-radius:50%}.stone.black{background:#16181b}.stone.white{background:#fff;border:1px solid var(--border-strong)}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 17px;border:1px solid var(--border);border-width:1px 0 0 1px;border-radius:var(--radius-sm);overflow:hidden}.stats div{padding:10px 12px;border:1px solid var(--border);border-width:0 1px 1px 0}.stats dt{color:var(--text-faint);font-size:10px}.stats dd{margin:3px 0 0;font-size:13px;font-weight:600}.alert{grid-column:2;padding:12px 15px;border-radius:var(--radius);font-size:13px}.alert.error{border:1px solid var(--danger-border);background:var(--danger-soft);color:var(--danger)}.editor-page{display:flex;flex-direction:column;height:100vh;min-height:620px;overflow:hidden;background:var(--bg)}.editor-toolbar{flex:0 0 auto;height:var(--header-height);padding:0 20px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:20px}.editor-brand-block{min-width:0;display:flex;align-items:center;gap:18px}.editor-brand{flex:0 0 auto;font-size:18px;font-weight:700;letter-spacing:-.03em}.editor-brand span{color:var(--accent)}.editor-toolbar .title-field{width:min(36vw,460px);min-width:200px}.editor-toolbar .title-field span{display:block;margin-bottom:1px;color:var(--text-faint);font-size:10px;font-weight:600}.editor-toolbar .title-field input{width:100%;padding:3px 6px;margin-left:-6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:14px;font-weight:600;outline:0}.editor-toolbar .title-field input:hover{border-color:var(--border)}.editor-toolbar .title-field input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #4f5bd51a}.editor-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px}.editor-actions .button.secondary{background:var(--surface-muted);border-color:var(--border);color:var(--text-secondary);font-weight:550}.editor-actions .button.secondary:hover:not(:disabled){background:var(--surface);border-color:var(--border-strong);color:var(--text)}.export-primary{min-width:128px}.pdf-status{max-width:190px;color:var(--text-muted);font-size:11px;line-height:1.4;text-align:right}.editor-layout{flex:1;min-height:0;display:grid;grid-template-columns:304px minmax(480px,1fr) 320px;grid-template-areas:"structure preview settings"}.sections-panel,.settings-panel{min-width:0;overflow:auto;background:var(--surface)}.sections-panel{grid-area:structure;border-right:1px solid var(--border)}.settings-panel{grid-area:settings;border-left:1px solid var(--border);padding-bottom:28px}.preview-panel{grid-area:preview;overflow:auto;padding:26px clamp(20px,3vw,44px) 64px;background:var(--surface-sunken)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;padding:16px 18px;border-bottom:1px solid var(--border)}.panel-heading h2{margin:0;color:var(--text);font-size:14px;font-weight:650}.panel-heading p{margin:3px 0 0;color:var(--text-faint);font-size:11px}.panel-heading>span{padding:3px 8px;border-radius:20px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600}.structure-heading{border-bottom:0;padding-bottom:10px}.pdf-inclusion-guide{display:flex;align-items:center;gap:7px;margin:0 14px 12px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-muted);font-size:11px;line-height:1.4}.pdf-inclusion-guide span{display:inline-grid;flex:0 0 auto;width:16px;height:16px;place-items:center;border-radius:4px;background:var(--accent);color:#fff;font-size:10px}.editor-empty-note{margin:0 14px 12px;padding:12px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-muted);font-size:12px;line-height:1.6}.editor-empty-note strong,.editor-empty-note span{display:block}.editor-empty-note strong{color:var(--text-secondary)}.group-list{padding:0 10px 24px}.section-group{margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.section-group.group-not-included .group-row{background:var(--surface-muted)}.section-group.group-not-included .group-title strong{color:var(--text-faint)}.group-row{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:14px 16px minmax(0,1fr) 24px;align-items:center;gap:7px;min-height:52px;padding:10px;border-bottom:1px solid var(--border);border-radius:6px 6px 0 0;background:var(--surface-muted)}.group-row:last-child{border-bottom:0;border-radius:6px}.drag-handle{color:#ced2d8;font-size:13px;cursor:grab;-webkit-user-select:none;user-select:none}.disclosure,.group-title{border:0;background:none;padding:0;text-align:left;cursor:pointer}.disclosure{color:var(--text-secondary);font-size:10px}.group-title{min-width:0}.group-title strong{display:block;color:var(--text);font-size:14px;font-weight:700;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-title small{display:block;margin-top:3px;color:var(--text-faint);font-size:10.5px;font-weight:400}.group-visibility,.section-visibility{display:grid;place-items:center;margin:0}.group-visibility input,.section-visibility input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.group-sections{margin:10px 10px 12px 21px;padding:0 0 0 13px;border-left:1px solid var(--border)}.mainline-settings{margin:0 0 8px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.split-control{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:12px}.split-control select{min-width:92px;padding:5px 7px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:12px}.section-row{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr) 24px;align-items:center;gap:7px;min-height:52px;margin-bottom:5px;padding:7px 8px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.section-row:hover{background:var(--surface-muted)}.section-row.selected{border-color:var(--accent-border);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.section-row.selected .section-select strong{color:var(--text);font-weight:650}.section-row.not-included .section-select strong{color:var(--text-faint)}.section-select{min-width:0;padding:2px;border:0;background:none;text-align:left;cursor:pointer}.section-select strong{display:block;overflow:hidden;color:var(--text-secondary);font-size:12.5px;font-weight:550;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.section-select small{display:flex;align-items:center;gap:6px;margin-top:4px}.type-chip,.state-chip{display:inline-block;font-size:10.5px;font-style:normal;font-weight:400;letter-spacing:.01em}.type-chip{color:var(--text-faint)}.comparison-row .type-chip{color:var(--accent);opacity:.78}.state-chip{padding:0 5px;border-radius:20px;background:#f0f1f3;color:var(--text-faint)}.section-band{display:flex;align-items:center;gap:8px;margin:4px 2px 6px;color:var(--text-faint);font-size:10.5px;font-weight:600;letter-spacing:.04em}.section-band:after{content:"";flex:1;height:1px;background:var(--border)}.section-row+.section-band{margin-top:10px}.create-comparison{width:100%;min-height:34px;margin-top:8px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.create-comparison:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.create-comparison:disabled{opacity:.5;cursor:not-allowed}.comparison-disabled-message{margin:6px 2px 0;color:var(--text-faint);font-size:11px;line-height:1.45;text-align:center}.preview-breadcrumb{display:flex;align-items:center;gap:8px;width:min(100%,780px);margin:0 auto 12px;color:var(--text-muted);font-size:12px}.preview-breadcrumb b{color:var(--text-faint);font-size:14px;font-weight:400}.preview-breadcrumb strong{color:var(--text-secondary);font-weight:600}.board-stage{width:min(100%,780px);margin:0 auto;padding:26px clamp(20px,3vw,38px) 30px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md)}.stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.stage-head h1{margin:0;color:var(--text);font-size:clamp(17px,1.5vw,21px);font-weight:650;line-height:1.4;letter-spacing:-.02em}.stage-state{flex:0 0 auto;margin-top:3px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.stage-state.on{background:var(--accent-soft);color:var(--accent)}.stage-state.off{background:#f0f1f3;color:var(--text-faint)}.stage-board{display:flex;justify-content:center}.stage-board>svg{width:min(100%,620px);height:auto}.stage-board .comparison-boards{width:100%}.stage-comment{width:min(100%,620px);margin:14px auto 0;color:var(--text-secondary);font-size:13px;line-height:1.85;white-space:pre-wrap}.stage-comment.vertical{height:min(34vh,280px);padding:6px 4px;overflow-x:auto;overflow-y:hidden;writing-mode:vertical-rl;text-orientation:mixed;line-height:2}.vertical-preview-state{display:flex;justify-content:flex-end;margin-bottom:8px}.vertical-diagram-row{display:grid;grid-template-columns:minmax(92px,1fr) minmax(300px,480px) 36px;gap:16px;align-items:start;justify-content:center;min-height:480px;overflow-x:auto}.vertical-page-stage .stage-comment.vertical{width:100%;height:480px;margin:0;padding:4px 0;justify-self:end}.vertical-page-stage .stage-board{min-width:0;align-self:center}.vertical-page-stage .stage-board>svg{width:100%}.vertical-preview-title{max-height:480px;margin:0;color:var(--text);font-size:16px;font-weight:550;line-height:1.55;letter-spacing:.04em;writing-mode:vertical-rl;text-orientation:mixed}.stage-comment.empty{color:var(--text-faint)}.comparison-stage .stage-comment{width:100%;margin-top:20px}.preview-empty{margin:90px auto;color:var(--text-muted);font-size:13px;text-align:center}.comparison-boards{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:start}.comparison-boards figure{min-width:0;margin:0}.comparison-boards figcaption{width:fit-content;max-width:100%;margin:0 auto 11px;padding:3px 12px 4px;border:1px solid var(--border);border-bottom:2px solid var(--accent-border);border-radius:20px;background:var(--surface-muted);color:var(--text);font-size:12px;font-weight:650;letter-spacing:.01em;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.comparison-boards svg{display:block;width:100%;height:auto}.comparison-vs{width:1px;align-self:stretch;margin-top:26px;background:var(--border)}.comparison-warning{padding:16px;border:1px solid var(--danger-border);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:12px}.settings-fields{padding:4px 18px 0}.settings-fields>label,.field-pair>label{display:block;margin:18px 0}.settings-fields>label>span,.field-pair>label>span{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.settings-fields>.document-setting{padding-bottom:17px;border-bottom:1px solid var(--border)}.document-setting small{display:block;margin-top:7px;color:var(--text-faint);font-size:10.5px;line-height:1.55}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.settings-panel input:not([type=checkbox]),.settings-panel textarea,.settings-panel select{width:100%;padding:9px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;outline:0;resize:vertical}.settings-panel textarea{min-height:180px;line-height:1.75}.settings-panel input:focus,.settings-panel textarea:focus,.settings-panel select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f5bd51a}.settings-panel .toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding:13px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);cursor:pointer}.settings-panel .toggle-row:hover{border-color:var(--border-strong)}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:13px;font-weight:650}.toggle-row small{margin-top:3px;color:var(--text-faint);font-size:11px;line-height:1.5}.toggle-row input[type=checkbox]{position:relative;flex:0 0 auto;width:40px;height:23px;margin:0;padding:0;appearance:none;-webkit-appearance:none;border:1px solid var(--border-strong);border-radius:999px;background:#e3e5e9;cursor:pointer;transition:background .12s ease,border-color .12s ease}.toggle-row input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:var(--shadow-xs);transition:transform .12s ease}.toggle-row input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent)}.toggle-row input[type=checkbox]:checked:after{transform:translate(17px)}.danger-button{width:calc(100% - 36px);min-height:36px;margin:20px 18px 0;border:1px solid var(--danger-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--danger);font-size:12px;font-weight:600;cursor:pointer}.danger-button:hover{background:var(--danger-soft)}.settings-note{margin:18px 18px 0;padding-top:14px;border-top:1px solid var(--border);color:var(--text-faint);font-size:11px;line-height:1.7}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#171a2161}.comparison-builder{display:flex;flex-direction:column;width:min(880px,100%);max-height:min(760px,92vh);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.comparison-builder:focus{outline:0}.builder-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border)}.builder-heading strong{display:block;font-size:15px;font-weight:650}.builder-heading small{display:block;margin-top:3px;color:var(--text-muted);font-size:12px}.builder-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:22px;padding:20px;overflow:auto}.builder-picker{display:flex;flex-direction:column;gap:16px}.builder-picker fieldset{min-width:0;margin:0;padding:0;border:0}.builder-picker legend{display:flex;align-items:center;gap:7px;margin-bottom:8px;padding:0;color:var(--text-secondary);font-size:12px;font-weight:650}.builder-picker legend em{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-style:normal;font-weight:700}.picker-list{display:flex;flex-direction:column;gap:2px;max-height:196px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);overflow:auto}.picker-category+.picker-category{margin-top:8px}.picker-category-title{margin:2px 0 4px 6px;color:var(--text-faint);font-size:10.5px;font-weight:600}.picker-option{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer}.picker-option:hover{background:var(--surface)}.picker-option.chosen{border-color:var(--accent-border);background:var(--surface);color:var(--text);font-weight:600}.picker-option input{accent-color:var(--accent)}.picker-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-side{min-width:0}.builder-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--text-secondary);font-size:12px;font-weight:650}.comparison-builder-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken)}.comparison-builder-preview figure{min-width:0;margin:0}.comparison-builder-preview figcaption{overflow:hidden;margin-bottom:6px;color:var(--text-muted);font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.comparison-builder-preview figure small{display:block;overflow:hidden;margin-top:6px;color:var(--text-faint);font-size:10.5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.comparison-builder-preview svg{display:block;width:100%;height:auto}.builder-help{margin:10px 0 0;color:var(--text-faint);font-size:11px;line-height:1.6}.builder-title-field{display:block;margin-top:14px}.builder-labels{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.builder-title-field span,.builder-labels label span{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.comparison-builder input{width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;outline:0}.comparison-builder input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f5bd51a}.builder-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border);background:var(--surface-muted)}@media(max-width:1200px){.editor-page{height:auto;min-height:100vh;overflow:visible}.editor-toolbar{position:sticky;top:0;z-index:10}.editor-layout{grid-template-columns:280px minmax(0,1fr);grid-template-areas:"structure preview" "settings settings";grid-template-rows:auto auto;overflow:visible}.sections-panel{position:sticky;top:var(--header-height);align-self:start;max-height:calc(100vh - var(--header-height))}.preview-panel{overflow:visible;padding-bottom:28px}.settings-panel{overflow:visible;padding-bottom:32px;border-left:0;border-top:1px solid var(--border);background:var(--surface)}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.settings-fields>.toggle-row,.settings-fields>.field-pair,.settings-fields>.document-setting{grid-column:1 / -1}.settings-panel textarea{min-height:140px}.builder-body{grid-template-columns:minmax(0,1fr)}.picker-list{max-height:140px}}@media(max-width:950px){.upload-page{gap:44px}.stepper{gap:16px}.stepper li{font-size:0}.stepper li:not(:last-child):after{left:calc(100% + 6px);width:8px}}@media(max-width:760px){.site-header{padding:0 16px;grid-template-columns:1fr auto}.site-header .stepper{display:none}.upload-page{display:block;padding:32px 16px 64px}.hero-copy{position:static;padding:8px 0 26px}.hero-copy h1{font-size:36px}.upload-card,.analysis-card,.alert{margin:0 0 16px}.editor-page{height:auto;min-height:100vh;overflow:visible}.editor-toolbar{position:sticky;top:0;z-index:10;height:auto;min-height:58px;padding:10px 12px;flex-wrap:wrap;gap:8px}.editor-toolbar .title-field{display:none}.editor-actions{flex-wrap:wrap;gap:8px}.editor-actions .button{min-height:34px;padding:0 11px;font-size:12px}.export-primary{min-width:0}.pdf-status.idle{display:none}.pdf-status.active{order:3;width:100%;max-width:none;text-align:left}.editor-layout{display:flex;flex-direction:column;overflow:visible}.sections-panel{position:static;align-self:stretch;max-height:46vh;overflow:auto;border-right:0;border-bottom:1px solid var(--border)}.preview-panel{padding:18px 14px 32px}.board-stage{padding:20px 16px 24px}.stage-comment.vertical{height:220px}.vertical-page-stage{padding-inline:10px}.vertical-diagram-row{grid-template-columns:minmax(48px,.5fr) minmax(210px,1fr) 28px;gap:8px;min-height:300px}.vertical-page-stage .stage-comment.vertical{height:300px;font-size:11px}.vertical-preview-title{max-height:300px;font-size:13px}.stage-head{flex-direction:column;gap:8px}.comparison-boards{grid-template-columns:1fr;gap:20px}.comparison-vs{display:none}.settings-panel{border-left:0}.settings-fields{display:block}.field-pair{display:grid}.modal-backdrop{padding:0;align-items:stretch}.comparison-builder{width:100%;max-height:100vh;border:0;border-radius:0}.comparison-builder-preview{grid-template-columns:1fr}.desktop-only{display:none}}