:root{--paper:#f3f2ec;--sheet:#fbfaf6;--ink:#1b2130;--ink-2:#5a6070;--rule:#d8d5ca;--rule-strong:#a9a597;--accent:#1f3a5f;--accent-ink:#f7f6f1;--accent-soft:#e2e8f0;--danger:#a8382a;--danger-soft:#f6d4ce;--warn:#7a5c0c;--warn-soft:#fbefc7;--info:#1f3a5f;--info-soft:#dce8f5;--ok:#2f6b45;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:48px;--f-xs:12px;--f-sm:13px;--f-md:14px;--f-lg:18px;--f-xl:28px;--f-xxl:44px;--font:"Yu Gothic UI", "Hiragino Sans", "Noto Sans JP", "BIZ UDPGothic", Meiryo, sans-serif;--mono:Consolas, "BIZ UDGothic", "Noto Sans Mono", monospace;--shadow:0 12px 40px #1b21302e}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--f-md);font-feature-settings:"palt";-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}h1,h2,h3{word-break:auto-phrase;letter-spacing:-.02em;margin:0;line-height:1.3}.num{font-variant-numeric:tabular-nums}.show-sm,.btn.show-sm{display:none}.muted{color:var(--ink-2)}.small{font-size:var(--f-xs)}.btn{align-items:center;gap:var(--s1);border:1px solid var(--rule-strong);background:var(--sheet);cursor:pointer;white-space:nowrap;padding:5px 12px;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--ink-2);background:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:#16304f}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{border-color:var(--rule-strong)}.btn.danger{color:var(--danger)}.btn.sm{font-size:var(--f-sm);padding:2px 8px}.input,select.input,textarea.input{border:1px solid var(--rule-strong);background:#fff;min-width:0;padding:4px 8px}textarea.input{resize:vertical}.input.mono{font-family:var(--mono)}.input.bad{border-color:var(--danger);background:#fff6f4}label.field{font-size:var(--f-sm);color:var(--ink-2);gap:2px;display:grid}label.field>.input{color:var(--ink);font-size:var(--f-md)}.check{align-items:center;gap:var(--s1);cursor:pointer;display:inline-flex}.row{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.stack{gap:var(--s3);display:grid}.chip{align-items:center;gap:var(--s1);border:1px solid var(--rule-strong);font-size:var(--f-xs);background:var(--sheet);padding:0 6px;display:inline-flex}.type-badge{min-width:2.6em;font-size:var(--f-xs);text-align:center;border:1px solid;padding:0 4px;line-height:1.5;display:inline-block}.type-number{color:#1f3a5f}.type-text{color:#5a6070}.type-date{color:#2f6b45}.type-boolean{color:#7a4f8a}.notice{padding:var(--s2) var(--s3);border-left:3px solid var(--rule-strong);background:var(--sheet);font-size:var(--f-sm)}.notice.error{border-color:var(--danger);color:#6d2117;background:#fbeae7}.notice.warn{background:var(--warn-soft);color:#5a4309;border-color:#c89b1d}.section-title{font-size:var(--f-xs);color:var(--ink-2);letter-spacing:.08em;padding-bottom:var(--s1);border-bottom:1px solid var(--rule);margin-bottom:var(--s2);font-weight:700}.app{grid-template-rows:auto auto 1fr auto;height:100%;min-height:0;display:grid}.topbar{align-items:center;gap:var(--s4);padding:var(--s2) var(--s4);background:var(--accent);color:var(--accent-ink);min-width:0;display:flex}.brand{align-items:center;gap:var(--s2);letter-spacing:-.01em;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:700;display:flex}.brand img{width:22px;height:22px}.topbar .file{align-items:baseline;gap:var(--s3);min-width:0;font-size:var(--f-sm);display:flex;overflow:hidden}.topbar .file .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.topbar .flow{opacity:.85;white-space:nowrap}.topbar .spacer{flex:1}.topbar .btn{color:var(--accent-ink);background:0 0;border-color:#f7f6f166}.topbar .btn:hover{background:#f7f6f11f}.topbar .btn.primary{background:var(--accent-ink);color:var(--accent);border-color:var(--accent-ink)}.alert-pill{align-items:center;gap:var(--s1);background:var(--danger);color:#fff;font-size:var(--f-sm);cursor:pointer;white-space:nowrap;border:0;padding:1px 8px;display:inline-flex}.tabs{padding:0 var(--s4);background:var(--sheet);border-bottom:1px solid var(--rule-strong);gap:0;display:flex;overflow-x:auto}.tab{padding:var(--s2) var(--s4);cursor:pointer;color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000}.tab .no{font-family:var(--mono);font-size:var(--f-xs);opacity:.7;margin-right:6px}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent);font-weight:700}.main{min-height:0;overflow:auto}.footer{align-items:center;gap:var(--s3);padding:4px var(--s4);border-top:1px solid var(--rule);background:var(--sheet);font-size:var(--f-xs);color:var(--ink-2);display:flex}.footer .lock{color:var(--ok);font-weight:700}.page{padding:var(--s5) var(--s4) var(--s6);max-width:1200px;margin:0 auto}.page-head{align-items:flex-end;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.page-head h1{font-size:var(--f-xl)}.page-head .spacer{flex:1}.home{max-width:980px;padding:var(--s6) var(--s4);gap:var(--s6);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.home .hero h1{font-size:var(--f-xxl);letter-spacing:-.03em;line-height:1.15}.home .hero p{max-width:60ch;color:var(--ink-2);font-size:var(--f-lg);margin:var(--s3) 0 0}.dropzone{place-items:center;gap:var(--s3);border:2px dashed var(--rule-strong);background:var(--sheet);text-align:center;min-height:240px;padding:var(--s5);cursor:pointer;transition:border-color .15s,background .15s;display:grid}.dropzone.over,.dropzone:hover{border-color:var(--accent);background:#fff}.dropzone .big{font-size:var(--f-xl);letter-spacing:-.02em;font-weight:700}.steps-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);grid-template-columns:repeat(8,minmax(0,1fr));display:grid;overflow-x:auto}.steps-strip div{padding:var(--s3) var(--s2) var(--s3) 0;white-space:nowrap;font-size:var(--f-sm);align-items:baseline;gap:6px;display:flex}.steps-strip b{font-family:var(--mono);font-size:var(--f-xs);color:var(--ink-2);font-weight:400}@media (width<=1000px){.steps-strip{border-bottom:0;grid-template-columns:repeat(4,minmax(0,1fr));overflow-x:visible}.steps-strip div{border-bottom:1px solid var(--rule)}}@media (width<=760px){.steps-strip{border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}.steps-strip div{border-bottom:1px solid var(--rule)}}.recipe-list{border-top:1px solid var(--ink);display:grid}.recipe-item{gap:var(--s2) var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;align-items:center;display:grid}.recipe-item .title{font-weight:700}.grid-wrap{border:1px solid var(--rule-strong);background:#fff;min-height:0;position:relative;overflow:auto}.grid{border-collapse:separate;border-spacing:0;font-size:var(--f-sm);font-variant-numeric:tabular-nums;width:max-content;min-width:100%}.grid th,.grid td{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);white-space:nowrap;text-overflow:ellipsis;max-width:320px;height:26px;padding:3px 8px;overflow:hidden}.grid thead th{z-index:2;background:var(--sheet);text-align:left;border-bottom:1px solid var(--rule-strong);cursor:context-menu;-webkit-user-select:none;user-select:none;font-weight:700;position:sticky;top:0}.grid thead th .type-badge{margin-right:6px}.grid .rn{z-index:1;background:var(--sheet);color:var(--ink-2);text-align:right;font-family:var(--mono);font-size:var(--f-xs);width:1px;min-width:48px;position:sticky;left:0}.grid thead .rn{z-index:3}.grid td.n{text-align:right}.grid td.null{background:repeating-linear-gradient(135deg,#0000 0 4px,#f1efe8 4px 5px)}.grid tr.lv-info td:not(.rn),.grid td.lv-info{background:var(--info-soft)}.grid tr.lv-warn td:not(.rn),.grid td.lv-warn{background:var(--warn-soft)}.grid tr.lv-danger td:not(.rn),.grid td.lv-danger{background:var(--danger-soft)}.grid tr.subtotal td{background:#f0efe8;font-weight:700}.grid tr.total td{border-top:2px solid var(--ink);background:#e6e4dc;font-weight:700}.lv-mark{width:10px;height:10px;margin-right:4px;display:inline-block}.lv-mark.info{background:var(--info)}.lv-mark.warn{background:#c89b1d}.lv-mark.danger{background:var(--danger)}.editor{grid-template-columns:260px minmax(0,1fr) 340px;height:100%;min-height:0;display:grid}.pane{min-height:0;padding:var(--s3);overflow:auto}.pane+.pane{border-left:1px solid var(--rule-strong)}.pane.center{gap:var(--s2);padding:var(--s3);background:var(--paper);grid-template-rows:auto minmax(0,1fr);display:grid}.pane.side{background:var(--sheet)}.step-list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.step-item{gap:0 var(--s2);border-bottom:1px solid var(--rule);cursor:pointer;background:0 0;grid-template-columns:22px 1fr auto;align-items:start;padding:6px 4px;display:grid}.step-item:hover{background:#fff}.step-item[aria-selected=true]{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.step-item.off{opacity:.5}.step-item.bad{box-shadow:inset 3px 0 0 var(--danger);background:#fbeae7}.step-item.skipped .step-name{text-decoration:line-through}.step-item.drag-over{border-top:2px solid var(--accent)}.step-no{font-family:var(--mono);font-size:var(--f-xs);color:var(--ink-2);padding-top:2px}.step-name{font-weight:700;font-size:var(--f-sm)}.step-desc{font-size:var(--f-xs);color:var(--ink-2);text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.step-err{font-size:var(--f-xs);color:var(--danger);grid-column:2/4}.step-count{font-size:var(--f-xs);color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums}.add-menu{background:var(--rule);border:1px solid var(--rule);margin-top:var(--s2);grid-template-columns:1fr 1fr;gap:1px;display:grid}.add-menu button{background:var(--sheet);text-align:left;cursor:pointer;font-size:var(--f-sm);border:0;padding:6px 8px}.add-menu button:hover{background:#fff}.view-bar{align-items:center;gap:var(--s3);font-size:var(--f-sm);flex-wrap:wrap;display:flex}.view-bar b{font-size:var(--f-lg);font-variant-numeric:tabular-nums}.cond-list{container-type:inline-size}.cond-row{gap:var(--s1);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:center;display:grid}@container (width<=520px){.cond-row{padding-bottom:var(--s1);border-bottom:1px dotted var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.cond-row>:first-child{grid-column:1/-1}}.kv{gap:2px var(--s3);font-size:var(--f-sm);grid-template-columns:auto 1fr;display:grid}.kv dt{color:var(--ink-2)}.kv dd{font-variant-numeric:tabular-nums;margin:0}.multi{border:1px solid var(--rule-strong);background:#fff;flex-wrap:wrap;gap:4px;max-height:180px;padding:4px;display:flex;overflow:auto}.multi label{border:1px solid var(--rule);font-size:var(--f-sm);cursor:pointer;align-items:center;gap:3px;padding:0 6px;display:inline-flex}.multi label.on{border-color:var(--accent);background:var(--accent-soft)}.ctx{z-index:50;border:1px solid var(--ink);min-width:200px;box-shadow:var(--shadow);background:#fff;padding:4px 0;position:fixed}.ctx .head{font-size:var(--f-xs);color:var(--ink-2);border-bottom:1px solid var(--rule);padding:4px 12px}.ctx button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:5px 12px;display:block}.ctx button:hover{background:var(--accent-soft)}.overlay{z-index:40;padding:var(--s4);background:#1b213059;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--sheet);border-top:4px solid var(--accent);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);padding:var(--s5);gap:var(--s4);display:grid;overflow:auto}.dialog h2{font-size:var(--f-lg)}.dialog .actions{justify-content:flex-end;gap:var(--s2);display:flex}.toast{z-index:60;background:var(--ink);color:var(--accent-ink);padding:var(--s2) var(--s4);box-shadow:var(--shadow);position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.busy{z-index:70;background:linear-gradient(90deg, transparent, var(--danger), transparent);background-size:50% 100%;height:3px;animation:1s linear infinite busy;position:fixed;top:0;left:0;right:0}@keyframes busy{0%{background-position:-50% 0}to{background-position:150% 0}}.profile-grid{border-top:1px solid var(--ink);border-left:1px solid var(--rule);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0;display:grid}.profile-card{padding:var(--s3);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--sheet);gap:var(--s2);align-content:start;display:grid}.profile-card h3{font-size:var(--f-md);word-break:break-all}.bar{background:var(--accent-soft);height:6px}.bar>span{background:var(--accent);height:100%;display:block}.pivot-layout{grid-template-columns:220px 300px minmax(0,1fr);height:100%;min-height:0;display:grid}.field-list{gap:2px;display:grid}.pfield{border:1px solid var(--rule);cursor:grab;font-size:var(--f-sm);background:#fff;align-items:center;gap:6px;padding:3px 6px;display:flex}.zone{border:1px dashed var(--rule-strong);background:#fff;align-content:start;gap:4px;min-height:56px;padding:6px;display:grid}.zone.over{border-color:var(--accent);background:var(--accent-soft)}.zone-item{border:1px solid var(--accent);background:var(--accent-soft);font-size:var(--f-sm);grid-template-columns:1fr auto;align-items:center;gap:4px;padding:3px 6px;display:grid}.chart-box{border:1px solid var(--rule-strong);height:380px;padding:var(--s3);background:#fff;position:relative}.two-col{gap:var(--s5);grid-template-columns:320px minmax(0,1fr);align-items:start;display:grid}.list-select{border-top:1px solid var(--ink);display:grid}.list-select button{text-align:left;border:0;border-bottom:1px solid var(--rule);cursor:pointer;background:0 0;padding:6px 8px}.list-select button[aria-selected=true]{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);font-weight:700}.export-grid{border-top:1px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;display:grid}.export-card{padding:var(--s4) var(--s4) var(--s4) 0;gap:var(--s2);align-content:start;display:grid}.export-card h3{font-size:var(--f-lg)}.print-root{display:none}.print-preview{z-index:45;padding:var(--s5);background:#8b8a84;position:fixed;inset:0;overflow:auto}.print-preview .paper{width:210mm;min-height:297mm;box-shadow:var(--shadow);background:#fff;margin:0 auto;padding:16mm 14mm}.print-preview.landscape .paper{width:297mm;min-height:210mm}.print-preview .bar-top .btn:not(.primary){color:var(--ink)}.print-preview .bar-top{top:calc(-1 * var(--s5));gap:var(--s2);padding:var(--s2);margin:calc(-1 * var(--s5)) calc(-1 * var(--s5)) var(--s4);background:var(--ink);color:var(--accent-ink);justify-content:center;display:flex;position:sticky}.report h1{border-bottom:2px solid #000;padding-bottom:4px;font-size:20px}.report .meta{color:#444;margin:4px 0 12px;font-size:11px}.report h2{margin:16px 0 6px;font-size:14px}.report table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:10px}.report th,.report td{border:1px solid #999;padding:2px 4px}.report thead{display:table-header-group}.report th{background:#eee}.report td.n{text-align:right}.report tr.subtotal td,.report tr.total td{background:#f2f2f2;font-weight:700}.report .lv-danger td,.report td.lv-danger{background:#f6d4ce}.report .lv-warn td,.report td.lv-warn{background:#fbefc7}.report .lv-info td,.report td.lv-info{background:#dce8f5}.report img{page-break-inside:avoid;max-width:100%}.report .alerts{border:1px solid #999;padding:6px 8px;font-size:11px}@media print{@page{size:A4;margin:12mm}body{background:#fff}.app,.print-preview .bar-top .btn:not(.primary){color:var(--ink)}.print-preview .bar-top{display:none!important}.print-preview{background:#fff;padding:0;position:static;overflow:visible}.print-preview .paper{box-shadow:none;width:auto;min-height:0;padding:0}}.guide-illust{font-family:var(--mono);font-size:var(--f-sm);border:1px solid var(--rule);padding:var(--s3);white-space:pre;background:#fff;overflow-x:auto}.dots{gap:6px;display:flex}.dots span{background:var(--rule-strong);width:18px;height:3px}.dots span.on{background:var(--accent)}@media (width<=1400px){.editor{grid-template-columns:220px minmax(0,1fr) 300px}}@media (width<=1100px){.editor{grid-template-columns:220px minmax(0,1fr)}.editor .pane.side{border-left:0;border-top:1px solid var(--rule-strong);grid-column:1/-1}.editor{height:auto}.editor .pane.center{min-height:60vh}.pivot-layout{grid-template-columns:200px minmax(0,1fr);height:auto}.pivot-layout>:last-child{border-left:0;border-top:1px solid var(--rule-strong);grid-column:1/-1}}@media (width<=760px){.editor,.pivot-layout,.two-col{grid-template-columns:minmax(0,1fr)}.pane+.pane{border-left:0;border-top:1px solid var(--rule-strong)}.topbar .flow,.hide-sm{display:none}.show-sm,.btn.show-sm{display:inline-flex}.topbar{gap:var(--s2);padding:var(--s2) var(--s3)}.home .hero h1{font-size:var(--f-xl)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}