.maker{--wall:#2c2e21;--sunk:var(--paper-2);--surface:var(--paper-3);padding-bottom:72px}.maker .app{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (max-width:900px){.maker .app{grid-template-columns:minmax(0,1fr)}}.maker .stage{flex-direction:column;gap:10px;min-width:0;display:flex}@media (min-width:901px){.maker .stage{position:sticky;top:84px}}.maker .wallbox{background:var(--wall);border-radius:var(--radius);aspect-ratio:1;touch-action:none;cursor:grab;box-shadow:0 1px 0 var(--line-2);position:relative;overflow:hidden}.maker .wallbox.dragging{cursor:grabbing}.maker .wallbox canvas{width:100%;height:100%}.maker .readout{font:500 12px/1.3 var(--mono);color:#f6e3bf;text-shadow:0 1px 2px #000;pointer-events:none;position:absolute;bottom:12px;left:14px}.maker .chip{font:500 11.5px/1 var(--mono);letter-spacing:.04em;color:#f6e3bf;pointer-events:none;background:#000000a0;border-radius:999px;padding:7px 10px;position:absolute;top:12px;right:12px}.maker .chip.busy:before{content:"";background:var(--light);border-radius:50%;width:7px;height:7px;margin-right:7px;animation:.9s ease-in-out infinite lm-pulse;display:inline-block}@keyframes lm-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.maker .chip.busy:before{animation:none}}.maker .stagebar{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13.5px;display:flex}.maker .stagebar .grow{flex:180px;min-width:0}.maker .steps{border-top:1px solid var(--ink);flex-direction:column;gap:0;min-width:0;display:flex}.maker .step{border-bottom:1px solid var(--line-2);flex-direction:column;gap:14px;min-width:0;padding:22px 0;display:flex}.maker .step>header{align-items:baseline;gap:12px;display:flex}.maker .step h2{font:500 26px/1.1 var(--serif)}.maker .num{font:italic 400 22px/1 var(--serif);color:var(--olive-2);min-width:18px}.maker .row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.maker .field{flex-direction:column;gap:6px;min-width:0;display:flex}.maker .row>.field{flex:160px}.maker .field>label{color:var(--ink-2);justify-content:space-between;gap:8px;font-size:13.5px;display:flex}.maker .field output{font:500 12px/1.6 var(--mono);color:var(--ink)}.maker .input{padding:8px 10px;font-size:14.5px}.maker input[type=range]{width:100%;accent-color:var(--olive)}.maker label.check{cursor:pointer;color:var(--ink);align-items:center;gap:8px;font-size:14.5px;display:inline-flex}.maker input[type=checkbox]{accent-color:var(--olive);width:16px;height:16px}.maker .drop{border:1px dashed var(--line-2);border-radius:var(--radius);background:var(--surface);align-items:center;gap:14px;padding:12px;display:flex}.maker .drop.over{border-color:var(--olive);background:#e6e8dc}.maker .drop canvas{border:1px solid var(--line);background:#fff;flex:none;width:64px;height:64px}.maker .drop .txt{flex-direction:column;gap:8px;min-width:0;display:flex}.maker .drop .name,.maker .platectl .name{font:500 12px/1.3 var(--mono);overflow-wrap:anywhere;color:var(--ink-2)}.maker .hint{color:var(--ink-2);font-size:13.5px}.maker .note{color:#6e4a10;background:#f1e7d2;border-left:3px solid #c89b4b;padding:10px 12px;font-size:13.5px}.maker .note.ok{border-left-color:var(--ok);color:var(--ok);background:#e2e9d8}.maker details.fine{border-top:1px solid var(--line);padding-top:12px}.maker details.fine summary{cursor:pointer;color:var(--ink-2);font-size:13.5px}.maker details.fine .grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 16px;margin-top:12px;display:grid}.maker .buybtn{justify-content:space-between;width:100%;min-height:54px;padding:0 20px;font-size:16px}.maker .buybtn .sep{flex:1}.maker .buybtn .mono{font-size:15px}.maker .done{background:var(--olive);color:var(--paper);flex-direction:column;align-items:flex-start;gap:14px;padding:20px;display:flex}.maker .done .serif{font-size:28px;line-height:1.1}.maker .done .hint{color:color-mix(in srgb, var(--paper) 80%, transparent)}.maker .done a:not(.btn){color:var(--paper)}.maker .done .btn{background:var(--paper);color:var(--olive-deep);border-color:var(--paper)}.maker .done .linkish{color:var(--light)}.maker .walls{border-top:1px solid var(--line-2);margin-top:48px;padding-top:20px}.maker .panels{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:16px;display:grid}@media (max-width:900px){.maker .panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.maker .panels{grid-template-columns:minmax(0,1fr)}}.maker .panel{flex-direction:column;gap:8px;min-width:0;display:flex}.maker .panel canvas{aspect-ratio:150/72;background:var(--surface);border:1px solid var(--line);width:100%}.maker .panel .t{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.maker .panel .t b{font:500 18px/1.2 var(--serif)}.maker .panel .t span{font:400 12px/1.2 var(--mono);color:var(--ink-3)}.maker .tags{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.maker .tag{font:400 11.5px/1 var(--mono);background:var(--paper-2);color:var(--ink-2);padding:6px 8px}.maker .tag.w{color:#6e4a10;background:#f1e7d2}.maker .platebody{grid-template-columns:minmax(0,150px) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:480px){.maker .platebody{grid-template-columns:minmax(0,1fr)}.maker .platebox{max-width:190px}}.maker .platebox{touch-action:none;cursor:grab;border:1px solid var(--line-2);overflow:hidden}.maker .platebox.dragging{cursor:grabbing}.maker .platebox canvas{width:100%;height:auto}.maker .platectl{flex-direction:column;gap:10px;min-width:0;display:flex}.maker [hidden]{display:none!important}