:root{--paper-width:210mm;--paper-height:297mm;--paper-margin-y:20mm;--paper-margin-x:18mm;--ink:#1b1d21;--ink-muted:#5a606b;--rule:#d5d8de;--code-bg:#f4f5f7}.paper{box-sizing:border-box;width:var(--paper-width);min-height:var(--paper-height);height:var(--paper-height);padding:var(--paper-margin-y) var(--paper-margin-x);background:#fff;position:relative;overflow:hidden}.paper-footer{right:var(--paper-margin-x);left:var(--paper-margin-x);color:var(--ink-muted);text-align:center;letter-spacing:.04em;font-size:8.5pt;position:absolute}.paper-cut{border-top:1px dashed #c8ccd4;position:absolute;left:0;right:0}.md-body{color:var(--ink);font-feature-settings:"palt" 1;line-break:strict;overflow-wrap:anywhere;word-break:normal;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Noto Sans JP,Meiryo,system-ui,sans-serif;font-size:10.5pt;line-height:1.8}.md-measure{position:static}.md-body>:first-child{margin-top:0}.md-body>:last-child{margin-bottom:0}.md-body h1,.md-body h2,.md-body h3,.md-body h4,.md-body h5,.md-body h6{color:#11131a;break-after:avoid;page-break-after:avoid;margin:0 0 .6em;font-weight:700;line-height:1.45}.md-body h1{border-bottom:1.5px solid var(--ink);letter-spacing:.01em;margin-bottom:.8em;padding-bottom:.4em;font-size:17pt}.md-body h2{border-bottom:.75px solid var(--rule);margin-top:1.6em;padding-bottom:.25em;font-size:14pt}.md-body h3{margin-top:1.5em;font-size:12pt}.md-body h4{margin-top:1.4em;font-size:10.5pt}.md-body h5,.md-body h6{margin-top:1.3em;font-size:10.5pt}.md-body h6{color:var(--ink-muted)}.md-body p{margin:0 0 .9em}.md-body ul,.md-body ol{margin:0 0 .9em;padding-left:1.6em}.md-body li{margin-bottom:.25em}.md-body li>ul,.md-body li>ol{margin:.25em 0 0}.md-body li::marker{color:var(--ink-muted)}.md-body li:has(>input[type=checkbox]){margin-left:-1.35em;list-style:none}.md-body input[type=checkbox]{vertical-align:-.1em;width:1em;height:1em;accent-color:var(--ink);margin-right:.45em}.md-body blockquote{border-left:3px solid var(--rule);color:var(--ink-muted);margin:0 0 .9em;padding:.1em 0 .1em 1em}.md-body blockquote>:last-child{margin-bottom:0}.md-body code{background:var(--code-bg);border-radius:3px;padding:.15em .4em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88em}.md-body pre{border:.75px solid var(--rule);background:var(--code-bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;margin:0 0 .9em;padding:.9em 1em}.md-body pre code{background:0 0;padding:0;font-size:8.8pt;line-height:1.65}.md-body table{border-collapse:collapse;width:100%;margin:0 0 1em;font-size:9.5pt;line-height:1.6}.md-body th,.md-body td{border:.75px solid var(--rule);text-align:left;vertical-align:top;padding:.45em .7em}.md-body th{background:var(--code-bg);font-weight:700}.md-body thead{display:table-header-group}.md-body tr{break-inside:avoid;page-break-inside:avoid}.md-body hr{border:none;border-top:.75px solid var(--rule);margin:1.4em 0}.md-body a{color:#1a4b8f;text-underline-offset:.15em;text-decoration:underline}.md-body img{max-width:100%;height:auto}.md-body strong{font-weight:700}.md-body del{color:var(--ink-muted)}.md-pagebreak{display:none}.md-measure .md-pagebreak{height:0;display:block}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--shell-bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Noto Sans JP,Meiryo,system-ui,sans-serif}:root{--shell-bg:#e9eaee;--surface:#fff;--border:#d8dae0;--accent:#1f3a5f;--accent-weak:#eef2f8;--start-gap:32px;--start-width:520px;--start-height:735px;--start-min-height:360px}button{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:16px;padding:10px 16px 10px 20px;display:flex}.toolbar__brand{color:var(--accent);white-space:nowrap;flex-shrink:0;align-items:center;gap:20px;display:flex}.logo{width:auto;height:24px;display:block}.toolbar__brand span{color:var(--ink-muted);letter-spacing:0;align-self:center;font-size:11px;font-weight:400;position:relative;top:-1px}@media (width<720px){.toolbar__brand span{display:none}}.toolbar__brand--action{cursor:pointer;background:0 0;border:none;border-radius:6px;margin:-6px -10px;padding:6px 10px;transition:background .12s}.toolbar__brand--action:hover{background:#f0f1f4}.toolbar__brand--action:hover span{color:var(--accent)}.toolbar__file{min-width:0;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.toolbar__file strong{color:var(--ink);font-weight:600}.toolbar__group{flex-shrink:0;align-items:center;gap:8px;display:flex}.toolbar__divider{background:var(--border);align-self:stretch;width:1px;margin:2px 0}.btn{border:1px solid var(--border);background:var(--surface);white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:#f6f7f9;border-color:#b9bdc7}.btn:disabled{opacity:.45;cursor:default}.btn--primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.btn--primary:hover:not(:disabled){background:#2a4d7d;border-color:#2a4d7d}.btn--lg{border-radius:7px;padding:10px 22px;font-size:14px}.btn__brief{display:none}@media (width<520px){.btn__full{display:none}.btn__brief{display:inline}}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:#f0f1f4}.segmented{border:1px solid var(--border);background:#f2f3f6;border-radius:7px;padding:2px;display:inline-flex}.segmented__item{cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 14px;font-size:12.5px;transition:background .12s,box-shadow .12s}.segmented__item[aria-pressed=true]{background:var(--surface);font-weight:600;box-shadow:0 1px 2px #10141e1f}.zoom{color:var(--ink-muted);align-items:center;gap:2px;font-size:12px;display:flex}.zoom__value{font-variant-numeric:tabular-nums;text-align:center;min-width:42px}.zoom__btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:5px;width:26px;height:26px;padding:0;font-size:14px;line-height:1}.zoom__btn:hover:not(:disabled){background:#f6f7f9}@media (width<860px){.btn--export{display:none}}@media (width<720px){.zoom,.toolbar__divider{display:none}}@media (width<640px){.toolbar{scrollbar-width:none;gap:10px;padding:8px 12px;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.logo{height:22px}.segmented__item{padding:5px 10px}.btn{padding:6px 11px;font-size:12px}}@media (width<520px){.toolbar--has-file .btn--open{display:none}}@media (width<380px){.toolbar{gap:8px;padding:8px}.logo{height:20px}.segmented__item{padding:4px 8px;font-size:12px}.btn{padding:6px 9px}}.preview{scrollbar-gutter:stable both-edges;background:var(--shell-bg);flex:1;padding:28px 24px 56px;overflow:auto}.preview--empty{padding:var(--start-gap) 24px;justify-content:center;align-items:center;display:flex}.paper-scale{margin:0 auto}.paper-stack{transform-origin:0 0;flex-direction:column;align-items:center;gap:22px;width:fit-content;display:flex}.paper-stack .paper{box-shadow:0 1px 3px #10141e1f,0 8px 24px #10141e14}.paper-wrap{position:relative}.paper-note{z-index:1;color:#fff;white-space:nowrap;background:#8a5a20;border-radius:4px;margin:0;padding:4px 9px;font-size:10.5px;position:absolute;top:8px;right:-10px;transform:translate(100%)}.source{background:var(--surface);flex-direction:column;flex:1;min-height:0;display:flex}.source__hint{border-bottom:1px solid var(--border);color:var(--ink-muted);background:#fafbfc;flex-shrink:0;padding:8px 20px;font-size:12px}.source__area{width:100%;color:var(--ink);resize:none;tab-size:2;background:0 0;border:none;outline:none;flex:1;padding:20px 24px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.75}.start{width:min(var(--start-width), 100%);height:min(var(--start-height), 100%);min-width:0;min-height:var(--start-min-height);text-align:center;background:#fff9;border-radius:14px;flex-direction:column;flex:none;justify-content:center;padding:48px 44px;display:flex}.drop-art{width:auto;height:104px;margin:0 auto 28px;display:block}.drop-art__slot{stroke:#c2c6cf;stroke-width:2px;stroke-dasharray:6 5}.drop-art__sheet,.drop-art__folder{fill:var(--surface);stroke:var(--accent);stroke-width:2px}.drop-art__fold{stroke:var(--accent);stroke-width:2px}.drop-art__line{stroke:#c3c7cf;stroke-width:2px}.drop-art__line--head{stroke:#9aa2b0;stroke-width:3px}@media (height<640px){.drop-art{display:none}}.start__title{letter-spacing:.01em;margin:0 0 18px;font-size:24px;font-weight:700;line-height:1.5}.start__lead{color:var(--ink-muted);margin:0 0 30px;font-size:13.5px;line-height:1.9}.start__actions{justify-content:center;align-items:center;gap:12px;display:flex}.start__actions .btn:not(.btn--primary){background:0 0}.start__actions .btn:not(.btn--primary):hover:not(:disabled){background:#ffffffb3;border-color:#b9bdc7}.start__drop{color:var(--ink-muted);margin:16px 0 0;font-size:12px}.start__note{color:var(--ink-muted);margin:26px 0 0;font-size:11.5px;line-height:1.7}@media (width<680px){.start{padding:44px 28px 36px}}.drag-overlay{z-index:100;backdrop-filter:blur(1.5px);background:#1f3a5f73;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.drag-overlay__inner{color:#fff;border:2.5px dashed #ffffffd9;border-radius:16px;padding:40px 56px;font-size:17px;font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media print{@page{size:A4 portrait;margin:0}html,body,#root{background:#fff;height:auto}.toolbar,.source,.start,.drag-overlay,.paper-note,.paper-cut{display:none!important}.app{height:auto;display:block}.preview{padding:0;overflow:visible}.paper-scale{width:auto!important;height:auto!important}.paper-stack{width:auto;display:block;transform:none!important}.paper-wrap{position:static}.paper-stack .paper{box-shadow:none;break-before:page;page-break-before:always}.paper-stack .paper-wrap:first-child .paper{break-before:auto;page-break-before:auto}}
