:root{--red:#e3161b;--red-hi:#ff2b2b;--red-dk:#8f0d10;--cream:#f2ead6;--ink:#0d0809;--panel:#140b0c;--dim:#a5948f;--line:#f2ead61f;--slant:-12deg;--a:#3f8cff;--b:#e3161b;--ui:"Bahnschrift", "DIN Condensed", "Arial Narrow", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--cream);font:14px var(--ui);margin:0;overflow:hidden}body{grid-template:"bar bar bar"54px"tools view panel"1fr/96px 1fr 310px;display:grid}#bar{background:var(--panel);border-bottom:3px solid var(--red);grid-area:bar;align-items:center;gap:14px;padding:0 14px;display:flex}#bar .brand{letter-spacing:.06em;align-items:center;gap:10px;font-size:17px;display:flex}#bar .brand em{color:var(--red);letter-spacing:-.05em;font-style:normal}#bar .brand span{font:italic 700 15px var(--ui);text-transform:uppercase;letter-spacing:.06em}.slashes{background:repeating-linear-gradient(115deg, var(--red) 0 7px, transparent 7px 11px);width:30px;height:14px;display:inline-block}#bar .group{border-left:2px solid var(--red-dk);align-items:center;gap:8px;padding-left:14px;display:flex}.grow{flex:1}button,select,input,a.ghost{font:600 13px var(--ui);color:var(--cream);background:#0d0809b3;border:2px solid #f2ead673;border-radius:0;padding:5px 10px}button,a.ghost{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transform:skewX(var(--slant));font-style:italic;font-weight:700;text-decoration:none;display:inline-block}button:hover,a.ghost:hover{border-color:var(--cream);background:#f2ead614}button.primary{background:var(--red);color:var(--cream);border-color:var(--red)}button.primary:hover{background:var(--red-hi);border-color:var(--red-hi)}button:disabled{opacity:.35;cursor:default}button.danger:hover{border-color:var(--red-hi);color:#ffb0a8}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--red-hi);outline-offset:1px}a.ghost{border-color:var(--red)}.tog{font:italic 700 13px var(--ui);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;align-items:center;gap:7px;display:flex}.tog input{appearance:none;border:2px solid var(--cream);cursor:pointer;background:#0d0809b3;width:16px;height:16px;margin:0;padding:0}.tog input:checked{background:var(--red) linear-gradient(var(--cream), var(--cream)) center / 6px 6px no-repeat}#tools{background:var(--panel);border-right:2px solid var(--red-dk);flex-direction:column;grid-area:tools;gap:6px;padding:10px 8px;display:flex}#tools button{background:0 0;border-color:#0000;justify-items:center;gap:2px;padding:8px 2px 6px;font-size:11px;display:grid;position:relative}#tools button span{font-size:18px;font-style:normal;line-height:1}#tools button kbd{font:600 9px var(--ui);color:var(--dim);position:absolute;top:2px;right:5px}#tools button:hover{border-color:#f2ead666}#tools button.on{background:var(--red);border-color:var(--red)}#tools button.on kbd{color:var(--cream)}#tools hr{border:0;border-top:2px solid var(--red-dk);width:100%;margin:6px 0}#tools label{font:italic 700 11px var(--ui);text-transform:uppercase;color:var(--dim);text-align:center;gap:4px;display:grid}#tools select{padding:4px;font-size:12px}.dotA{color:var(--a)}.dotB{color:var(--red-hi)}#view{grid-area:view;min-width:0;min-height:0;position:relative}#c{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#hint{font:italic 600 13px var(--ui);border-left:4px solid var(--red);pointer-events:none;background:#0d0809cc;padding:6px 10px;position:absolute;bottom:10px;left:12px}#toast{transform:translateX(-50%) skewX(var(--slant));border:2px solid var(--cream);font:italic 600 14px var(--ui);opacity:0;pointer-events:none;background:#0d0809eb;padding:8px 16px;transition:opacity .2s;position:absolute;top:14px;left:50%}#toast.show{opacity:1}#panel{background:var(--panel);border-left:2px solid var(--red-dk);grid-area:panel;overflow-y:auto}#panel section{border-bottom:1px solid var(--line);padding:14px 16px}#panel h3{font:italic 700 17px var(--ui);text-transform:uppercase;letter-spacing:.02em;margin:0 0 12px}#panel h3:after{content:"///";color:var(--red);letter-spacing:-.05em;margin-left:8px;font-style:normal}#panel h3 em{color:var(--dim);letter-spacing:.02em;text-transform:none;margin-left:6px;font-size:14px;font-style:italic}.row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.row>label{width:66px;color:var(--dim);font:italic 700 12px var(--ui);text-transform:uppercase;flex:none}.row input[type=number],.row input[type=text]{width:100%;min-width:0;padding:5px 6px}.row select{flex:1}.xyz{flex:1;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.xyz input{text-align:right}.note{color:var(--dim);margin:2px 0 8px;font-size:12px}.note b{color:var(--cream);font-weight:700}.note button{margin:2px 2px 0 0;padding:3px 7px;font-size:11px}.warn{color:#ffb347}.btns{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.swatch{vertical-align:-2px;border:1px solid #000;width:14px;height:14px;margin-right:6px;display:inline-block}#checkList{margin:0;padding:0;font-size:13px;list-style:none}#checkList li{padding:4px 0 4px 20px;position:relative}#checkList li:before{font-weight:700;position:absolute;left:0}#checkList li.ok:before{content:"✓";color:#5fd07a}#checkList li.warn:before{content:"!";color:#ffb347;left:5px}#checkList li.err:before{content:"✕";color:var(--red-hi)}#checkList li.err{color:#ffb0a8}.tog,button,a.ghost,#bar .brand span{white-space:nowrap}@media (width<=1360px){#bar{gap:8px;padding:0 10px}#bar .group{gap:5px;padding-left:8px}#bar .brand em,#bar .brand span,#bar .long{display:none}#openMap{max-width:128px}button,select,a.ghost{padding:4px 7px;font-size:12px}body{grid-template-columns:88px 1fr 280px}}.help p{color:var(--dim);margin:0 0 6px;font-size:12px;line-height:1.5}.help b{color:var(--cream);font-weight:700}
