:root{color-scheme:light;font-family:Noto Sans JP,BIZ UDGothic,system-ui,sans-serif;color:#18231f;background:#f3f2ec;font-synthesis:none;text-rendering:optimizeLegibility;--forest-950: #0c1b16;--forest-900: #12261f;--forest-800: #1d382f;--forest-700: #285143;--forest-600: #36705c;--forest-100: #dfece6;--forest-50: #eef6f2;--ink: #18231f;--muted: #637069;--line: #d9ddd7;--line-strong: #c7cdc7;--paper: #fffefa;--canvas: #f3f2ec;--amber: #d49b3a;--amber-soft: #fff3d7;--red: #b84e45;--red-soft: #fbe8e5;--blue: #3f6e8f;--blue-soft: #e6f0f7;--shadow-sm: 0 1px 2px rgba(14, 32, 25, .06), 0 4px 12px rgba(14, 32, 25, .04);--shadow-md: 0 14px 35px rgba(14, 32, 25, .11), 0 2px 8px rgba(14, 32, 25, .06);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;min-height:0;margin:0;overflow:hidden}body{background:var(--canvas)}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #096747;outline-offset:2px;box-shadow:0 0 0 2px #fff}.skip-link{position:fixed;z-index:9999;top:10px;left:10px;padding:10px 14px;color:#fff;background:var(--forest-950);border-radius:8px;transform:translateY(-140%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}.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}.app-shell{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.app-shell.large-text{zoom:1.2;height:calc(100dvh / 1.2)}.app-shell.high-contrast{--ink: #000;--muted: #313131;--line: #777;--line-strong: #333;--paper: #fff;--canvas: #f7f7f7;--forest-950: #00160d;--forest-900: #002719;--forest-800: #003f29;--forest-700: #005c3c;--forest-100: #d8f6e7;--forest-50: #effff7}.topbar{flex:0 0 auto;min-height:64px;padding:0 22px;display:flex;align-items:center;gap:18px;color:#fff;background:var(--forest-950);border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content;color:inherit;text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--forest-950);background:#e8c06a;border-radius:10px}.brand-mark svg{width:24px;height:24px}.brand-name{display:flex;flex-direction:column;gap:1px;font-size:14px;font-weight:700;line-height:1.05;letter-spacing:.02em}.brand-name small{color:#a9bcb4;font-size:9px;font-weight:500;letter-spacing:.11em;text-transform:uppercase}.document-title-wrap{max-width:390px;min-width:160px;flex:1;display:flex;align-items:center;gap:9px}.document-title{width:100%;padding:7px 10px;color:#f8fbf9;background:transparent;border:1px solid transparent;border-radius:7px;font-weight:600;text-overflow:ellipsis}.document-title:hover,.document-title:focus{background:#ffffff12;border-color:#ffffff24}.save-state{min-width:max-content;color:#9fb2aa;font-size:11px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.top-button,.icon-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#dfe8e4;background:transparent;border:1px solid rgba(255,255,255,.13);border-radius:9px;font-size:13px;font-weight:600}.top-button{padding:8px 11px}.icon-button{width:38px;padding:0}.top-button:hover,.icon-button:hover{color:#fff;background:#ffffff14}.top-button.primary{color:var(--forest-950);background:#e8c06a;border-color:#e8c06a}.top-button svg,.icon-button svg,.button svg{width:17px;height:17px;stroke-width:2}.workspace-header{flex:0 0 auto;min-height:54px;padding:0 22px;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--line)}.workflow-tabs{height:54px;display:flex;align-items:stretch;gap:2px}.workflow-tab{position:relative;padding:0 14px;display:inline-flex;align-items:center;gap:8px;color:var(--muted);background:transparent;border:0;font-size:13px;font-weight:600}.workflow-tab:after{content:"";position:absolute;right:12px;bottom:0;left:12px;height:3px;border-radius:3px 3px 0 0;background:transparent}.workflow-tab[aria-current=step]{color:var(--forest-800)}.workflow-tab[aria-current=step]:after{background:var(--forest-600)}.step-number{width:20px;height:20px;display:inline-grid;place-items:center;color:var(--muted);background:#eef0ed;border-radius:50%;font-size:10px;font-weight:700}.workflow-tab[aria-current=step] .step-number{color:#fff;background:var(--forest-600)}.header-spacer{flex:1}.profile-chip,.status-chip{min-height:30px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;color:var(--forest-700);background:var(--forest-50);border:1px solid var(--forest-100);border-radius:999px;font-size:11px;font-weight:700}.profile-chip svg,.status-chip svg{width:14px;height:14px}.learn-button{padding:7px 10px;display:inline-flex;align-items:center;gap:6px;color:var(--blue);background:var(--blue-soft);border:1px solid #cadde9;border-radius:8px;font-size:12px;font-weight:700}.workspace{min-height:0;flex:1;overflow:hidden;display:grid;grid-template-columns:minmax(390px,.88fr) minmax(520px,1.12fr)}.editor-pane,.preview-pane{min-height:0;overflow:hidden;display:flex;flex-direction:column}.editor-pane{background:var(--paper);border-right:1px solid var(--line)}.preview-pane{background:#e9e9e3}.pane-header{flex:0 0 auto;min-height:57px;padding:10px 18px;display:flex;align-items:center;gap:12px;background:#ffffffe0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pane-title{min-width:0;display:flex;flex-direction:column;gap:2px}.pane-title h1,.pane-title h2{margin:0;color:var(--ink);font-size:14px;font-weight:700}.pane-title p{margin:0;color:var(--muted);font-size:10.5px}.pane-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.button{min-height:36px;padding:7px 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:8px;font-size:12px;font-weight:700}.button:hover{background:#f6f7f4;border-color:#afb7af}.button.primary{color:#fff;background:var(--forest-700);border-color:var(--forest-700)}.button.primary:hover{background:var(--forest-800)}.button.ghost{background:transparent;border-color:transparent}.button.danger{color:var(--red)}.button.small{min-height:30px;padding:5px 8px;font-size:11px}.highlight-toggle{min-width:112px;flex-shrink:0;justify-content:flex-start;gap:6px;white-space:nowrap;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.highlight-toggle.is-on{color:var(--forest-800);background:#edf6f2;border-color:#8fb6a8}.highlight-toggle.is-off{color:#5e6964;background:#f1f2ef;border-color:#c9ceca}.highlight-toggle-state{min-width:28px;margin-left:auto;padding:2px 5px;text-align:center;color:#fff;background:var(--forest-700);border-radius:999px;font-size:8px;line-height:1.35;letter-spacing:.04em}.highlight-toggle.is-off .highlight-toggle-state{color:#606963;background:#d9ddda}.editor-body,.preview-scroll,.proof-list,.settings-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.editor-body{position:relative;display:flex;flex-direction:column}.beginner-tip{margin:16px 18px 0;padding:12px 13px;display:flex;gap:10px;color:#354842;background:#f4f8f6;border:1px solid #d9e7e1;border-radius:10px;font-size:11.5px;line-height:1.65}.beginner-tip svg{width:17px;min-width:17px;margin-top:2px;color:var(--forest-600)}.beginner-tip strong{display:block;margin-bottom:1px;color:var(--forest-800)}.source-editor{width:calc(100% - 36px);min-height:430px;flex:1;margin:14px 18px 0;padding:20px 21px;resize:none;color:#1d2a25;background:#fff;border:1px solid var(--line);border-radius:11px;font-family:BIZ UDGothic,Noto Sans JP,sans-serif;font-size:14px;line-height:1.9;box-shadow:inset 0 1px 3px #0e201908}.source-editor::placeholder{color:#69756f}.source-footer{min-height:42px;padding:7px 19px 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10.5px}.keyboard-hint{display:inline-flex;align-items:center;gap:4px}kbd{padding:2px 5px;color:#4c5953;background:#f1f3ef;border:1px solid #d6dbd5;border-bottom-width:2px;border-radius:4px;font-family:inherit;font-size:9px}.analysis-bar{min-height:46px;padding:8px 18px;display:flex;align-items:center;gap:9px;background:#fbfbf8;border-top:1px solid var(--line)}.analysis-summary{min-width:0;flex:1;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.summary-item{display:inline-flex;align-items:center;gap:5px}.summary-dot{width:7px;height:7px;border-radius:50%;background:#9aa49f}.summary-dot.ok{background:#4f8b70}.summary-dot.warning{background:var(--amber)}.summary-dot.error{background:var(--red)}.preview-toolbar{flex:0 0 auto;min-height:57px;padding:10px 16px;display:flex;align-items:center;gap:10px;background:#ffffffd6;border-bottom:1px solid var(--line)}.preview-toolbar .pane-title{min-width:120px;flex:1}.preview-toolbar .pane-actions{flex-shrink:0}.segmented{padding:3px;display:inline-flex;gap:2px;background:#ecefea;border-radius:8px}.segmented button{min-height:28px;padding:4px 9px;color:var(--muted);background:transparent;border:0;border-radius:6px;font-size:10.5px;font-weight:700}.segmented button[aria-pressed=true]{color:var(--forest-800);background:#fff;box-shadow:var(--shadow-sm)}.preview-meta{margin-left:auto;color:var(--muted);font-size:10.5px}.preview-scroll{padding:32px 36px 70px;scroll-behavior:smooth;scrollbar-gutter:stable}.preview-highlight-legend{position:sticky;top:0;z-index:4;width:fit-content;max-width:min(100%,610px);margin:-18px auto 18px;padding:7px 10px;display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);background:#fffffff2;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);font-size:9px;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-highlight-legend span{display:inline-flex;align-items:center;gap:5px}.legend-swatch{width:12px;height:12px;display:inline-block;border-radius:3px}.legend-swatch.selected{background:#eef6f3;border:1px solid #8fb6a8}.legend-swatch.added{background:#fff6e1;border:1px solid #d6bb7b}.legend-swatch.indent{height:9px;background:transparent;border:0;border-bottom:2px dotted rgba(177,124,22,.55);border-radius:0}.japanese-preview-guide{width:min(100%,610px);margin:-7px auto 18px;padding:9px 11px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--muted);background:#ffffffd1;border:1px solid var(--line);border-radius:9px;font-size:9px;line-height:1.4}.japanese-preview-guide strong{margin-right:3px;color:var(--ink)}.japanese-preview-guide span{display:inline-flex;align-items:center;gap:3px}.japanese-preview-guide b{width:18px;height:18px;display:inline-grid;place-items:center;color:#5c4c27;background:#fff9ec;border:1px solid #dfca98;border-radius:4px;font-family:ui-monospace,SFMono-Regular,BIZ UDGothic,monospace;font-size:10px}.preview-status{flex:0 0 auto;min-height:37px;padding:7px 16px;display:flex;align-items:center;justify-content:flex-end;gap:15px;color:var(--muted);background:#ffffffe0;border-top:1px solid var(--line);font-size:9.5px}.preview-status span{display:inline-flex;align-items:center;gap:4px}.preview-status svg{width:13px;height:13px}.page-stack{display:flex;flex-direction:column;align-items:center;gap:28px}.braille-page-wrap{width:min(100%,610px)}.page-label{margin:0 0 7px 3px;display:flex;justify-content:space-between;align-items:center;color:#5e6964;font-size:10px;font-weight:700;letter-spacing:.04em}.braille-page{position:relative;width:100%;aspect-ratio:1.17 / 1;padding:7.4% 8.2%;overflow:hidden;color:#17231f;background:radial-gradient(circle at 20% 10%,rgba(51,72,63,.02),transparent 28%),#fffefa;border:1px solid #d7d8d2;border-radius:3px;box-shadow:0 8px 24px #1f2b251c,0 1px 3px #1f2b2514}.braille-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background-image:radial-gradient(rgba(30,45,38,.05) .55px,transparent .65px);background-size:5px 5px}.braille-lines{position:relative;z-index:1;height:100%;display:grid;grid-auto-rows:1fr;align-items:center}.braille-line{min-height:1em;display:grid;align-items:center;border-radius:3px;scroll-margin-block:90px}.braille-cell{min-width:0;min-height:1em;display:grid;place-items:center;overflow:visible;font-family:Apple Braille,"Noto Sans Symbols 2",Segoe UI Symbol,monospace;font-size:clamp(12px,1.65vw,20px);font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap}.braille-line.selected-block-line,.japanese-layout-line.selected-block-line{background-color:#3f806813;outline:1px solid rgba(63,128,104,.48);outline-offset:0}.added-braille-cell{color:#5c4c27;background:#e8b84a33;border-radius:2px;box-shadow:inset 0 -1px #9f6f1561}.layout-space-cell{background:linear-gradient(to bottom,transparent 0,transparent calc(100% - 2px),rgba(177,124,22,.36) calc(100% - 2px),rgba(177,124,22,.36) 100%)}.braille-page.show-cells .braille-cell,.japanese-layout-page.show-cells .japanese-layout-cell{outline:1px solid rgba(57,87,74,.08);outline-offset:-.5px}.japanese-layout-lines{position:relative;z-index:1;height:100%;display:grid;grid-auto-rows:1fr;align-items:center;font-family:ui-monospace,SFMono-Regular,BIZ UDGothic,Noto Sans JP,monospace}.japanese-layout-line{min-height:1em;display:grid;align-items:center;border-radius:3px;scroll-margin-block:90px}.japanese-layout-cell{min-width:0;min-height:1.1em;display:grid;place-items:center;overflow:visible;font-size:clamp(8px,1.05vw,13px);font-weight:500;line-height:1;white-space:nowrap}.japanese-layout-cell.added-braille-cell,.japanese-layout-cell.layout-space-cell{justify-self:stretch}.empty-preview{width:min(100%,520px);margin:50px auto;padding:40px;text-align:center;color:var(--muted);background:#fff9;border:1px dashed #bec5be;border-radius:16px}.empty-preview svg{width:35px;height:35px;margin-bottom:12px;color:var(--forest-600)}.empty-preview h3{margin:0 0 7px;color:var(--ink);font-size:15px}.empty-preview p{margin:0;font-size:12px;line-height:1.7}.reading-sheet{width:min(100%,610px);min-height:760px;margin:0 auto;padding:42px 48px 65px;background:var(--paper);border:1px solid #d7d8d2;box-shadow:0 8px 24px #1f2b251c,0 1px 3px #1f2b2514}.reading-sheet-head{margin-bottom:27px;padding-bottom:13px;display:flex;flex-direction:column;gap:4px;border-bottom:2px solid var(--forest-800)}.reading-sheet-head span,.reading-kind{color:var(--forest-600);font-size:9px;font-weight:700;letter-spacing:.08em}.reading-sheet-head strong{color:var(--ink);font-size:17px}.reading-block{margin:0 0 16px}.reading-block p{margin:3px 0 0;color:#28342f;font-family:BIZ UDGothic,Noto Sans JP,system-ui,sans-serif;font-size:12px;line-height:1.9}.reading-heading{margin-top:24px}.reading-heading p{color:var(--forest-900);font-size:14px;font-weight:700}.reading-listItem{padding-left:15px;border-left:2px solid var(--forest-100)}.reading-quote{padding:9px 13px;background:#f4f6f3;border-radius:7px}.layout-review-panel{margin:12px 16px 0;padding:12px;background:#fffdf7;border:1px solid #ead9b3;border-radius:10px}.layout-review-head{display:flex;align-items:flex-start;gap:10px}.layout-review-head>div{min-width:0;flex:1}.layout-review-head h2{margin:0;color:var(--ink);font-size:12px}.layout-review-head p,.reviewed-note{margin:3px 0 0;color:var(--muted);font-size:9.5px;line-height:1.55}.layout-review-panel .issue-list{max-height:112px;overflow:auto}.reviewed-note{padding:6px 8px;color:var(--forest-800);background:var(--forest-50);border-radius:6px}.proof-list{padding:14px 16px 24px;display:flex;flex-direction:column;gap:8px;background:#f7f7f3}.proof-card{width:100%;padding:12px 13px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px #0d201806}.proof-card:hover{border-color:#b8c6bf}.proof-card.selected{border-color:var(--forest-600);box-shadow:0 0 0 2px #36705c1f}.block-index{width:32px;height:32px;display:grid;place-items:center;color:var(--forest-700);background:var(--forest-50);border-radius:8px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.proof-card-main{min-width:0}.block-kind{display:block;margin-bottom:3px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em}.block-source,.block-reading{display:block;max-width:100%;overflow-wrap:anywhere;white-space:normal}.block-source{color:var(--ink);font-size:12px;font-weight:600;line-height:1.5}.block-reading{margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.5}.issue-count{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;gap:3px;color:#805b1d;background:var(--amber-soft);border-radius:999px;font-size:9px;font-weight:700}.issue-count.ok{color:#376b56;background:var(--forest-50)}.inspector{position:fixed;z-index:900;right:0;bottom:0;left:0;height:clamp(300px,42dvh,440px);min-height:0;padding:15px 20px 18px;overflow:hidden;display:flex;flex-direction:column;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -14px 38px #0e1f1829;animation:inspector-in .17s ease-out}@keyframes inspector-in{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.inspector-head{flex:0 0 auto;margin-bottom:12px;display:flex;align-items:flex-start;gap:10px}.inspector-head h3{margin:0;color:var(--ink);font-size:13px}.inspector-head p{margin:2px 0 0;color:var(--muted);font-size:10px}.inspector-grid{min-height:0;flex:1;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(300px,1.15fr);gap:18px}.inspector-field{min-width:0;min-height:0;margin-top:0;display:flex;flex-direction:column}.inspector-field .text-area-field{min-height:110px;flex:1;resize:none}.inspector-review-column{min-width:0;min-height:0;padding-right:4px;overflow:auto;overscroll-behavior:contain}.inspector-review-column .issue-list{margin-top:0}.inspector-review-column .callout+.issue-list{margin-top:10px}.app-shell.inspector-open .proof-list,.app-shell.inspector-open .preview-scroll{padding-bottom:calc(clamp(300px,42dvh,440px) + 22px)}.field-group{margin-top:12px}.field-label{margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#3b4943;font-size:10.5px;font-weight:700}.field-help{color:var(--muted);font-size:9.5px;font-weight:400}.text-field,.select-field,.text-area-field{width:100%;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:8px}.text-field,.select-field{min-height:38px;padding:8px 10px}.text-area-field{min-height:68px;padding:9px 10px;resize:vertical;line-height:1.6}.braille-input{font-family:DM Mono,Apple Braille,monospace;font-size:18px}.toggle-row{padding:9px 0;display:flex;align-items:flex-start;gap:10px}.toggle-row input[type=checkbox]{width:17px;height:17px;margin:2px 0 0;accent-color:var(--forest-700)}.toggle-copy{min-width:0;flex:1}.toggle-copy strong{display:block;color:var(--ink);font-size:11.5px}.toggle-copy span{display:block;margin-top:2px;color:var(--muted);font-size:9.5px;line-height:1.55}.issue-list{margin:12px 0 0;padding:0;list-style:none}.issue-item{padding:9px 10px;display:flex;gap:8px;color:#60491e;background:var(--amber-soft);border:1px solid #f1ddb1;border-radius:8px;font-size:10px;line-height:1.55}.issue-item+.issue-item{margin-top:6px}.issue-item svg{width:15px;min-width:15px;margin-top:1px}.issue-item.error{color:#71342e;background:var(--red-soft);border-color:#efc9c4}.settings-scroll{padding:18px 20px 34px}.settings-section+.settings-section{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.settings-section h3{margin:0 0 5px;color:var(--ink);font-size:13px}.settings-section>p{margin:0 0 13px;color:var(--muted);font-size:10.5px;line-height:1.65}.profile-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.profile-card{position:relative;padding:12px;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px}.profile-card.selected{border-color:var(--forest-600);box-shadow:0 0 0 2px #36705c1a}.profile-card strong{display:block;font-size:11.5px}.profile-card span{display:block;margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.5}.checklist{display:flex;flex-direction:column;gap:7px}.checklist-item{padding:11px 12px;display:flex;gap:10px;background:#fafaf7;border:1px solid var(--line);border-radius:9px}.checklist-item input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--forest-700)}.checklist-copy strong{display:block;color:var(--ink);font-size:11px}.checklist-copy span{display:block;margin-top:2px;color:var(--muted);font-size:9.5px;line-height:1.55}.settings-tip{padding:10px 11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;color:#354842;background:var(--forest-50);border:1px solid var(--forest-100);border-radius:9px}.settings-tip>svg{width:17px;color:var(--forest-600)}.settings-tip strong,.settings-tip span{display:block}.settings-tip strong{font-size:10.5px}.settings-tip span{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.5}.compact-checklist{margin-top:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.compact-checklist .checklist-item{min-height:38px;padding:8px 9px;align-items:center}.compact-checklist .checklist-item input{flex:0 0 auto;margin:0}.compact-checklist .checklist-copy strong{font-size:10px;line-height:1.4}.callout{padding:13px 14px;color:#31463e;background:var(--forest-50);border-left:4px solid var(--forest-600);border-radius:0 9px 9px 0;font-size:10.5px;line-height:1.7}.callout strong{display:block;margin-bottom:2px;color:var(--forest-800)}.device-file-card{padding:12px 13px;background:var(--forest-50);border:1px solid var(--forest-100);border-radius:10px}.device-file-copy strong,.device-file-copy span{display:block}.device-file-copy strong{color:var(--forest-800);font-size:11px}.device-file-copy span{margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.55}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.device-download-actions{margin-top:10px}.device-download-button,.device-download-button:hover{color:#fff;background:var(--forest-700);border-color:var(--forest-700)}.device-download-button:hover{background:var(--forest-800);border-color:var(--forest-800)}.device-file-note{margin:8px 0 0;color:#73530c;font-size:9px;line-height:1.5}.drawer-backdrop,.modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background:#06130e6e;padding:0;border:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.export-confirm-modal{position:fixed;z-index:1002;top:50%;left:50%;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 28px 80px #04130c4d;transform:translate(-50%,-50%);animation:modal-in .18s ease-out}.export-confirm-header{padding:20px 20px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;border-bottom:1px solid var(--line)}.export-confirm-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;color:#7a4c00;background:var(--amber-soft);border-radius:10px}.export-confirm-icon svg{width:21px}.export-confirm-header h2{margin:1px 0 0;font-size:16px;line-height:1.45}.export-confirm-header p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.export-confirm-body{padding:18px 20px;color:#435049;font-size:11.5px;line-height:1.7}.export-confirm-body>p{margin:12px 0 0}.export-diagnostic-summary{display:flex;flex-wrap:wrap;gap:8px}.export-diagnostic-summary span{min-height:32px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid;border-radius:8px;font-weight:700}.export-diagnostic-summary svg{width:15px}.export-diagnostic-summary .error{color:#71342e;background:var(--red-soft);border-color:#efc9c4}.export-diagnostic-summary .warning{color:#60491e;background:var(--amber-soft);border-color:#f1ddb1}.export-diagnostic-summary .empty{color:#5f6a64;background:#f2f4f1;border-color:var(--line)}.export-blocking-note{padding:10px 11px;color:#71342e;background:var(--red-soft);border:1px solid #efc9c4;border-radius:8px}.export-blocking-note strong{display:block;margin-bottom:2px}.export-omission-note{padding:10px 11px;color:#71342e;background:#fff7f5;border-left:3px solid var(--red);border-radius:6px}.export-confirm-actions{padding:14px 20px 18px;display:flex;justify-content:flex-end;gap:9px;background:#fafaf7;border-top:1px solid var(--line)}.learning-drawer{position:fixed;z-index:1001;top:0;right:0;bottom:0;width:min(440px,92vw);min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--paper);box-shadow:-16px 0 45px #0817112e;animation:slide-in .19s ease-out}@keyframes slide-in{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-header{flex:0 0 auto;min-height:67px;padding:13px 17px;display:flex;align-items:center;gap:11px;color:#fff;background:var(--forest-900)}.drawer-header-icon{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;color:var(--forest-900);background:#e8c06a;border-radius:10px}.drawer-header h2{margin:0;font-size:14px}.drawer-header p{margin:2px 0 0;color:#adc0b8;font-size:9.5px}.drawer-header .icon-button{margin-left:auto}.drawer-tabs{min-height:48px;padding:8px 11px;flex:0 0 auto;display:flex;align-items:center;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable;overscroll-behavior-x:contain;background:#fff;border-bottom:1px solid var(--line)}.drawer-tabs button{min-height:31px;min-width:max-content;padding:7px 9px;flex:0 0 auto;color:var(--muted);background:transparent;border:0;border-radius:7px;font-size:10.5px;font-weight:700}.drawer-tabs button[aria-selected=true]{color:var(--forest-800);background:var(--forest-50)}.drawer-content{min-height:0;padding:19px 20px 36px;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.drawer-lead{margin:0 0 17px;color:#34443e;font-size:12px;line-height:1.8}.guide-card{padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:10px}.guide-card+.guide-card{margin-top:9px}.guide-card-number{width:23px;height:23px;margin-bottom:7px;display:grid;place-items:center;color:#fff;background:var(--forest-600);border-radius:50%;font-size:10px;font-weight:700}.guide-card h3{margin:0 0 4px;color:var(--ink);font-size:12px}.guide-card p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.7}.guide-kind{display:inline-block;margin-bottom:7px;padding:3px 7px;color:var(--forest-800);background:var(--forest-50);border-radius:999px;font-size:8.5px;font-weight:700;line-height:1.4}.guide-detail-list{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--line)}.guide-detail-list div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:4px 0;font-size:9.5px;line-height:1.65}.guide-detail-list dt{color:var(--forest-800);font-weight:700}.guide-detail-list dd{margin:0;color:var(--muted)}.guide-disclosure{margin-top:10px;color:var(--muted);font-size:10px;line-height:1.7}.guide-disclosure summary{min-height:36px;padding:8px 9px;display:flex;align-items:center;color:var(--forest-800);background:var(--forest-50);border-radius:7px;cursor:pointer;font-weight:700}.guide-disclosure[open] summary{margin-bottom:8px}.guide-disclosure ul{margin:7px 0 0;padding-left:19px}.guide-disclosure li+li{margin-top:6px}.guide-disclosure li span{display:block;margin-top:2px}.guide-wide-disclosure{margin-top:14px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:10px}.guide-wide-disclosure>p{margin:5px 0}.guide-wide-disclosure h3{margin:12px 0 4px;color:var(--ink);font-size:10.5px}.term-list{margin:0}.term-item{padding:11px 0;border-bottom:1px solid var(--line)}.term-item:first-child{padding-top:0}.term-item dt{color:var(--forest-800);font-size:11.5px;font-weight:700}.term-item dt small{color:var(--muted);font-size:9px;font-weight:500}.term-item dd{margin:3px 0 0;color:var(--muted);font-size:10.5px;line-height:1.65}.term-editor-note{display:block;margin-top:5px;padding-left:8px;color:#40544c;border-left:2px solid var(--forest-600)}.source-link-list{list-style:none;padding:0!important}.source-link-list a{color:var(--forest-800);font-weight:700}.source-link-list>li>span{display:block;margin-top:2px;color:var(--muted)}.welcome-modal{position:fixed;z-index:1001;top:50%;left:50%;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:var(--paper);border-radius:19px;box-shadow:0 28px 80px #04130c4d;transform:translate(-50%,-50%);animation:modal-in .18s ease-out}@keyframes modal-in{0%{transform:translate(-50%,-48%) scale(.985);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.welcome-hero{position:relative;padding:32px 34px 26px;color:#fff;background:radial-gradient(circle at 84% 16%,rgba(232,192,106,.21),transparent 27%),var(--forest-900);overflow:hidden}.welcome-hero:after{content:"⠃⠗⠁⠊⠇⠇⠑";position:absolute;right:22px;bottom:-8px;color:#ffffff0f;font-family:DM Mono,monospace;font-size:72px;white-space:nowrap}.welcome-eyebrow{margin-bottom:9px;color:#e8c06a;font-size:10px;font-weight:700;letter-spacing:.11em}.welcome-hero h1{max-width:520px;margin:0;font-size:clamp(21px,4vw,29px);line-height:1.42;letter-spacing:-.015em}.welcome-hero p{max-width:570px;margin:12px 0 0;color:#c4d3cd;font-size:12px;line-height:1.85}.welcome-body{padding:25px 34px 30px}.welcome-note{margin-bottom:20px;padding:12px 13px;display:flex;gap:10px;color:#3b4a44;background:var(--amber-soft);border:1px solid #f0dbad;border-radius:10px;font-size:11px;line-height:1.7}.welcome-note svg{width:18px;min-width:18px;color:#a67424}.welcome-privacy{margin:-8px 0 18px;color:var(--muted);font-size:10.5px;line-height:1.7}.welcome-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.welcome-option{padding:15px;background:#fafaf7;border:1px solid var(--line);border-radius:11px}.welcome-option svg{width:22px;height:22px;margin-bottom:9px;color:var(--forest-600)}.welcome-option strong{display:block;color:var(--ink);font-size:11.5px}.welcome-option span{display:block;margin-top:4px;color:var(--muted);font-size:9.5px;line-height:1.6}.welcome-actions{margin-top:21px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.loading-overlay{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fffefae6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-card{padding:22px 25px;text-align:center;color:var(--muted)}.spinner{width:30px;height:30px;margin:0 auto 11px;border:3px solid var(--forest-100);border-top-color:var(--forest-600);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-card strong{display:block;color:var(--ink);font-size:12px}.loading-card span{display:block;margin-top:3px;font-size:10px}.toast{position:fixed;z-index:2000;right:20px;bottom:20px;max-width:360px;padding:11px 14px;display:flex;align-items:center;gap:9px;color:#fff;background:var(--forest-900);border:1px solid rgba(255,255,255,.14);border-radius:10px;box-shadow:var(--shadow-md);font-size:11px;line-height:1.5;animation:toast-in .17s ease-out}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.toast svg{width:17px;min-width:17px;color:#e8c06a}.toast.warning{background:#6b4600}.toast.error{background:#7b241d}.toast.warning svg,.toast.error svg{color:#fff}.export-menu{position:absolute;z-index:100;top:54px;right:18px;width:285px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-md)}.export-menu button{width:100%;padding:9px 10px;display:flex;align-items:flex-start;gap:9px;text-align:left;color:var(--ink);background:transparent;border:0;border-radius:7px}.export-menu button:hover{background:#f3f5f2}.export-menu button:disabled,button:disabled{cursor:not-allowed;opacity:.52}.export-menu svg{width:17px;min-width:17px;margin-top:2px;color:var(--forest-600)}.export-menu strong{display:block;font-size:10.5px}.export-menu span{display:block;margin-top:2px;color:var(--muted);font-size:9px;line-height:1.45}@media(max-width:1040px){.workspace{grid-template-columns:minmax(350px,.9fr) minmax(430px,1.1fr)}.top-button .button-label,.profile-chip .profile-name{display:none}.top-button{width:38px;padding:0}.preview-scroll{padding-inline:22px}.inspector{height:clamp(360px,52dvh,560px)}.inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto}.inspector-field .text-area-field{min-height:120px}.inspector-review-column{grid-column:1 / -1;overflow:visible}.app-shell.inspector-open .proof-list,.app-shell.inspector-open .preview-scroll{padding-bottom:calc(clamp(360px,52dvh,560px) + 22px)}}@media(max-width:800px){html,body,#root{height:auto;min-height:100%;overflow:visible}body{min-height:100vh}.app-shell,.app-shell.large-text{height:auto;min-height:100vh;overflow:visible}.topbar{padding-inline:13px;gap:10px}.brand-name,.save-state{display:none}.document-title-wrap{min-width:90px}.workspace-header{padding-inline:8px;overflow-x:auto}.workflow-tab{padding-inline:8px}.workspace{overflow:visible;display:flex;flex-direction:column}.editor-pane{min-height:65vh;border-right:0;border-bottom:1px solid var(--line)}.preview-pane{min-height:70vh}.source-editor{min-height:360px}.braille-lines{font-size:clamp(9px,2.9vw,16px)}.welcome-options{grid-template-columns:1fr}.welcome-hero,.welcome-body{padding-inline:22px}}@media(max-width:520px){.document-title-wrap,.workflow-tab .tab-label{display:none}.workflow-tab{min-width:42px;justify-content:center}.learn-button span,.profile-chip{display:none}.pane-header,.preview-toolbar{padding-inline:12px}.beginner-tip,.source-editor{margin-inline:12px;width:calc(100% - 24px)}.preview-scroll{padding:20px 10px 45px}.settings-tip{grid-template-columns:auto minmax(0,1fr)}.settings-tip .button{grid-column:2;justify-self:start}.compact-checklist{grid-template-columns:1fr}.braille-page{padding-inline:6%}.welcome-actions{flex-direction:column-reverse}.welcome-actions .button{width:100%}.inspector{height:min(72dvh,650px);padding:13px 12px 15px}.inspector-head{align-items:center}.inspector-head p{display:none}.inspector-head .pane-actions{flex-wrap:wrap;justify-content:flex-end}.inspector-grid{display:flex;flex-direction:column;gap:14px}.inspector-field{flex:0 0 auto}.inspector-field .text-area-field{min-height:92px;flex:none}.inspector-review-column{overflow:visible}.app-shell.inspector-open .proof-list,.app-shell.inspector-open .preview-scroll{padding-bottom:calc(min(72dvh,650px) + 20px)}.export-confirm-header{padding:17px 15px 14px;grid-template-columns:auto minmax(0,1fr)}.export-confirm-header .button{grid-column:1 / -1;justify-self:end}.export-confirm-body{padding:16px 15px}.export-confirm-actions{padding:13px 15px 16px;flex-direction:column-reverse}.export-confirm-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{html,body,#root,.app-shell,.app-shell.large-text{height:auto;min-height:0;overflow:visible}.topbar,.workspace-header,.editor-pane,.preview-toolbar,.page-label,.inspector,.export-confirm-modal,.modal-backdrop{display:none!important}.workspace,.preview-pane,.preview-scroll{display:block;padding:0;background:#fff}.braille-page-wrap{width:100%;break-after:page}.braille-page{border:0;box-shadow:none}}