:root{--bg:#f4f6f8;--panel:#fff;--text:#1b2733;--muted:#6b7885;--line:#d5dbe1;--accent:#1d4f91;--accent-text:#fff;--yellow:#fff3b0;--danger:#b03030;--ok:#1f7a3d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12171c;--panel:#1b2229;--text:#e6ebf0;--muted:#93a0ad;--line:#34404b;--accent:#5b9bf0;--accent-text:#0b1117;--yellow:#5c4f00;--danger:#ff8080;--ok:#6fd18b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:1280px;margin:0 auto;padding:16px}h1{margin:0 0 12px;font-size:20px}h2{margin:0;font-size:16px}h3{color:var(--accent);border-bottom:1px solid var(--line);margin:20px 0 6px;padding-bottom:3px;font-size:15px}button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}button.plain{background:0 0;border:none;padding:2px 6px}button.icon{padding:3px 8px}input[type=text],input[type=number],textarea,select{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;padding:5px 8px}header.top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}header.top .grow{flex:1;margin:0}.drop{text-align:center;border:2px dashed var(--line);background:var(--panel);width:100%;color:var(--muted);cursor:pointer;border-radius:10px;padding:22px;display:block}.drop.over{border-color:var(--accent);color:var(--text)}.bar{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.bar .grow{flex:220px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);white-space:nowrap;padding:4px;font-size:12px}td{vertical-align:middle;padding:2px 3px}td input[type=text]{width:100%;min-width:60px}td input.hl{background:var(--yellow)}td.num{text-align:center}.warn{color:var(--danger);font-size:12px}.hints{color:var(--danger);white-space:pre-line;margin:8px 0}.error{background:color-mix(in srgb, var(--danger) 15%, transparent);border:1px solid var(--danger);white-space:pre-line;border-radius:8px;margin:10px 0;padding:8px 12px}.changes{white-space:pre-wrap;background:var(--panel);border:1px solid var(--line);border-radius:8px;max-height:140px;padding:8px;font:12px/1.5 ui-monospace,Consolas,monospace;overflow:auto}.notice{background:color-mix(in srgb, var(--ok) 15%, transparent);border:1px solid var(--ok);white-space:pre-line;border-radius:8px;justify-content:space-between;gap:8px;margin:10px 0;padding:8px 12px;display:flex}.empty{text-align:center;color:var(--muted);padding:24px 36px}.done{text-align:center;padding:40px 16px}.done .big{color:var(--ok);margin-bottom:6px;font-size:22px;font-weight:600}.done .actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.overlay{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:12px;flex-direction:column;gap:10px;width:min(640px,100%);max-height:92vh;padding:14px;display:flex;overflow:auto}.modal.wide{width:min(1100px,100%)}.modal header{justify-content:space-between;align-items:center;display:flex}.modal .body{overflow:auto}.modal footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.modal footer .grow{color:var(--muted);flex:1}.list label{align-items:baseline;gap:8px;padding:3px 0;display:flex}.form{grid-template-columns:170px 1fr;align-items:center;gap:6px 10px;display:grid}.form h3{grid-column:1/-1;margin:14px 0 2px}.editor{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.editor .left{flex-direction:column;flex:380px;gap:8px;display:flex}.editor textarea{width:100%;height:420px;font:13px/1.5 ui-monospace,Consolas,monospace}.preview-frame{border:1px solid var(--line);background:#fff;flex:none;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000026}.preview-host{transform-origin:0 0;position:absolute;top:0;left:0}.letter-page{color:#000;background:#fff;width:210mm;height:297mm;font:11pt Helvetica,Arial,sans-serif;position:relative;overflow:hidden}.letter-page .abs{position:absolute}.letter-page p{margin:0 0 6pt}.letter-page .slip svg{width:210mm;height:105mm;display:block}.tour-layer{z-index:20;pointer-events:none;position:fixed;inset:0}.spot{box-shadow:0 0 0 9999px #00000080, 0 0 0 3px var(--accent);pointer-events:none;border-radius:8px;transition:all .2s;position:fixed}.tour-block{pointer-events:auto;background:0 0;position:fixed}table.format{margin:6px 0 10px}table.format th,table.format td{border-bottom:1px solid var(--line);vertical-align:top;text-align:left;padding:4px 8px}table.format td:first-child{white-space:nowrap}.tutorial-box{background:var(--bg);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}ol.help-list{padding-left:22px}.tour-items{margin:4px 0 8px;padding-left:20px}.tour-items li{margin:2px 0}.help-list{margin:4px 0;padding-left:18px}.help-list li{margin:3px 0}button.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.spot-full{background:#00000080;position:fixed;inset:0}.tour-card{pointer-events:auto;background:var(--panel);color:var(--text);border-radius:12px;max-width:calc(100vw - 16px);padding:12px 14px;position:fixed;box-shadow:0 8px 30px #00000059}.tour-card h2{margin:2px 0 4px}.tour-card p{margin:6px 0;line-height:1.45}.tour-head,.tour-foot{align-items:center;gap:8px;display:flex}.tour-head{justify-content:space-between}.tour-foot{margin-top:8px}.tour-foot .grow{flex:1}.modal.tour{width:min(520px,100%)}.modal.tour p{margin:8px 0;line-height:1.5}.dots{justify-content:center;gap:6px;display:flex}.dot{background:var(--line);border-radius:50%;width:8px;height:8px}.dot.on{background:var(--accent)}.steps{text-align:left;margin:4px 0;padding-left:22px;display:inline-block}.config-box{background:var(--bg);border-radius:8px;padding:8px 12px}.empty h3,.config-box h3,.tutorial-box h3{border:none;margin:0 0 2px;padding:0}.empty h3{margin-bottom:8px}.config-box ul{margin:6px 0;padding-left:18px}.config-box li{margin:2px 0}.ok{color:var(--ok);margin-top:6px}.muted{color:var(--muted)}.help{color:var(--muted);font-size:12px}.help code{background:var(--bg);border-radius:3px;padding:0 3px}@media (width<=800px){#app{padding:8px}.form{grid-template-columns:1fr}}