:root{--surround:#e8e9e7;--paper:#fff;--paper-edge:#d8dad9;--sheet-seam:#e6e8e7;--grid:#eef0ef;--chrome:#f7f7f6;--chrome-2:#efefee;--rule:#d5d7d3;--rule-2:#e4e5e2;--ink:#23262a;--ink-soft:#5e6367;--ink-mute:#9aa0a2;--select:#5b7a94;--t-11:11px;--t-12:12px;--t-13:13px}*{box-sizing:border-box}html,body{background:var(--surround);height:100%;color:var(--ink);font:var(--t-13)/1.55 "Hiragino Sans", "Noto Sans JP", sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}.num{font-variant-numeric:tabular-nums}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--select);outline-offset:1px;z-index:1;position:relative}input:focus-visible{outline:2px solid var(--select);outline-offset:0}.app{background:var(--chrome);grid-template-rows:40px minmax(0,1fr) 30px;grid-template-columns:52px minmax(0,1fr) 260px;height:100%;display:grid}.topbar{border-bottom:1px solid var(--rule);background:var(--chrome);grid-column:1/-1;align-items:center;gap:0;padding:0 12px;display:flex}.topbar .dims{color:var(--ink-soft);font-size:var(--t-12);align-items:center;gap:14px;display:flex}.topbar .spacer,.statusbar .spacer{flex:1}.topbar .gap{width:14px}.topbar .btnrow button:disabled{color:var(--ink-mute);cursor:default}.btnrow{display:flex}.btnrow button{font-size:var(--t-12);color:var(--ink);border:1px solid var(--rule);cursor:pointer;background:0 0;margin-left:-1px;padding:4px 10px}.btnrow button:hover{background:var(--paper)}.btnrow button:active{background:var(--chrome-2)}.rail{border-right:1px solid var(--rule);background:var(--chrome);flex-direction:column;align-items:center;gap:2px;padding:6px 0;display:flex}.rail button{cursor:pointer;width:38px;height:34px;color:var(--ink-soft);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.rail button:hover{background:var(--paper);border-color:var(--rule-2)}.rail button[aria-pressed=true]{background:var(--paper);border-color:var(--ink);color:var(--ink)}.rail button:disabled{color:var(--ink-mute);cursor:default;background:0 0;border-color:#0000}.rail hr{border:0;border-top:1px solid var(--rule-2);width:24px;margin:6px 0}.icon{line-height:0;display:block}.icon svg{display:block}#workspace{background:var(--surround);justify-content:safe center;align-items:safe center;padding:40px;display:flex;overflow:auto}#paper-stack{background:var(--paper);border:1px solid var(--paper-edge);flex:none;position:relative;box-shadow:0 1px 3px #2c302f0f,0 8px 24px #2c302f0a}#paper-stack svg{display:block}.inspector{border-left:1px solid var(--rule);background:var(--chrome);font-size:var(--t-12);overflow:auto}.insp-head{font-size:var(--t-12);color:var(--ink);border-bottom:1px solid var(--rule);align-items:baseline;gap:8px;margin:0;padding:10px 14px 9px;font-weight:600;display:flex}.insp-head span{color:var(--ink-soft);font-weight:400;font-size:var(--t-11);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field{border-bottom:1px solid var(--rule-2);padding:12px 14px}.field>.lbl{font-size:var(--t-11);color:var(--ink-soft);margin-bottom:7px;display:block}.field .note{color:var(--ink-soft);font-size:var(--t-11);margin:8px 0 0}.field .warn{color:var(--ink);font-size:var(--t-11);border-left:2px solid var(--ink);margin:8px 0 0;padding-left:8px}.field input[type=text]{width:100%;font:inherit;font-size:var(--t-12);color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:4px 6px}.kinds{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.kinds button{aspect-ratio:1;background:var(--paper);border:1px solid var(--rule-2);cursor:pointer;color:var(--ink-soft);place-items:center;padding:0;display:grid}.kinds button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.swatches{grid-template-columns:repeat(9,1fr);gap:3px;display:grid}.swatches-6{grid-template-columns:repeat(6,1fr);width:66%}.swatches button{aspect-ratio:1;cursor:pointer;border:1px solid;padding:0}.swatches button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px}.rel{gap:2px;display:grid}.rel button{text-align:left;font-size:var(--t-12);background:var(--paper);border:1px solid var(--rule-2);cursor:pointer;padding:4px 8px;display:block}.rel button[aria-pressed=true]{border-color:var(--ink)}.seg{display:flex}.seg button{font-size:var(--t-12);background:var(--paper);border:1px solid var(--rule);cursor:pointer;flex:1;margin-left:-1px;padding:4px 0}.seg button:first-child{margin-left:0}.seg button[aria-pressed=true]{background:var(--chrome-2);border-color:var(--ink);z-index:1;position:relative}.stepper{align-items:center;margin-bottom:6px;display:flex}.stepper .cap{width:24px;color:var(--ink-soft);font-size:var(--t-11)}.stepper button{background:var(--paper);border:1px solid var(--rule);cursor:pointer;width:26px;height:24px;color:var(--ink);margin-left:-1px;padding:0}.stepper button:disabled{color:var(--ink-mute);cursor:default}.stepper .val{border:1px solid var(--rule);background:var(--paper);min-width:40px;height:24px;font-size:var(--t-12);place-items:center;margin-left:-1px;display:grid}.linkish{font-size:var(--t-12);color:var(--ink);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.linkish:disabled{color:var(--ink-mute);cursor:default;text-decoration:none}.field .linkish{margin-top:6px;display:inline-block}.dims{grid-template-columns:auto 1fr auto 1fr;gap:4px 10px;margin:0;display:grid}.dims dt{color:var(--ink-soft)}.dims dd{text-align:right;margin:0}.anchor{grid-template-columns:32px 1fr auto;align-items:baseline;gap:8px;margin-bottom:4px;display:grid}.anchor .linkish{margin:0}.statusbar{border-top:1px solid var(--rule);background:var(--chrome);font-size:var(--t-11);color:var(--ink-soft);grid-column:1/-1;align-items:center;gap:14px;padding:0 12px;display:flex}.layers{align-items:center;gap:2px;display:flex}.layers .lbl{margin-right:6px}.layer{border:1px solid var(--rule-2);background:var(--paper);cursor:default;color:var(--ink);font-size:var(--t-11);cursor:pointer;align-items:center;gap:5px;padding:2px 8px 2px 6px;display:inline-flex}.layer .dot{border:1px solid var(--ink-soft);background:var(--ink-soft);width:7px;height:7px;display:inline-block}.layer[aria-pressed=false]{color:var(--ink-soft)}.layer[aria-pressed=false] .dot{background:0 0}.layer.active{border-color:var(--ink)}.layerlist{gap:4px;margin-bottom:8px;display:grid}.layerrow{grid-template-columns:22px 1fr auto;align-items:center;gap:4px 8px;display:grid}.layerrow .eye{background:var(--paper);border:1px solid var(--rule);cursor:pointer;place-items:center;width:22px;height:22px;padding:0;display:grid}.layerrow .eye .dot{border:1px solid var(--ink-soft);background:var(--ink-soft);width:7px;height:7px;display:inline-block}.layerrow .eye[aria-pressed=false] .dot{background:0 0}.layerrow input[type=text]{min-width:0}.layerrow .count{font-size:var(--t-11);color:var(--ink-soft);grid-column:2}.layerrow .linkish{font-size:var(--t-11);margin:0}.layerrow .linkish[aria-pressed=true]{color:var(--ink);cursor:default;font-weight:600;text-decoration:none}.layerrow .linkish:last-child{grid-column:3}.status{color:var(--ink-soft)}.zoom{align-items:center;gap:8px;margin-right:14px;display:flex}.zoom .seg button{font-size:var(--t-11);white-space:nowrap;flex:none;padding:1px 8px}.zoom [data-role=zoom-value]{text-align:right;min-width:36px;color:var(--ink-soft)}.brand{color:var(--ink);font-size:var(--t-11);white-space:nowrap;margin-right:4px}.brand .en{color:var(--ink-soft);letter-spacing:.12em;margin-left:6px;font-size:10px}.draft{color:var(--ink);align-items:center;gap:10px;display:flex}.draft .linkish{font-size:var(--t-11)}.inspector .btnrow button{font-size:var(--t-12)}.field .tb input[type=text]{margin-top:4px}dialog.help{border:1px solid var(--rule);background:var(--chrome);color:var(--ink);width:min(620px,100vw - 48px);max-height:calc(100vh - 48px);font-size:var(--t-12);padding:0;overflow:auto}dialog.help::backdrop{background:#23262a59}dialog.help .help-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding:10px 14px 9px;display:flex}dialog.help h2{font-size:var(--t-13);margin:0;font-weight:600}dialog.help h3{font-size:var(--t-11);color:var(--ink-soft);margin:12px 14px 4px;font-weight:400}dialog.help table{border-collapse:collapse;width:100%}dialog.help th,dialog.help td{text-align:left;vertical-align:top;border-top:1px solid var(--rule-2);padding:4px 14px;font-weight:400}dialog.help th{width:30%;color:var(--ink);white-space:nowrap}dialog.help td.how{color:var(--ink-soft)}dialog.help td.keys{white-space:nowrap;width:26%;color:var(--ink)}dialog.help table:last-child{margin-bottom:10px}#print-sheets{display:none}@media print{html,body{height:auto}.app{height:auto;display:block}.topbar,.rail,.inspector,.statusbar{display:none}#workspace{background:0 0;width:0;height:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}#paper-stack{box-shadow:none;border:0}#print-sheets{display:block}@page{size:A4 landscape;margin:0}}