*{box-sizing:border-box}:root{--ink:#1c2418;--muted:#5c6658;--bg:#f4f1ea;--panel:#fffdf8;--line:#d5d0c6;--accent:#3d5c38;--accent-ink:#fff}html,body,#app{height:100%}body{color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,sans-serif}.app{grid-template-rows:minmax(240px,42vh) 1fr;min-height:100dvh;display:grid}.stage{background:#dfe6dc;position:relative}.stage canvas{width:100%;height:100%;display:block}.badge,.pending{background:#fffdf8e6;margin:0;padding:.25rem .5rem;font-size:.75rem;position:absolute;bottom:.75rem;left:.75rem}.pending{padding:2rem;position:static}.panel{background:var(--panel);border-top:1px solid var(--line);flex-direction:column;gap:.85rem;padding:1rem 1.1rem 1.25rem;display:flex;overflow:auto}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.7rem}h1{margin:.15rem 0 0;font-size:1.25rem}.steps{color:var(--muted);flex-wrap:wrap;gap:.35rem;margin:.6rem 0 0;padding:0;font-size:.72rem;list-style:none;display:flex}.steps [data-active=true]{color:var(--ink);font-weight:650}fieldset{border:0;gap:.4rem;margin:0;padding:0;display:grid}legend{padding:0 0 .4rem;font-weight:650}fieldset label,.inquiry label{border:1px solid var(--line);border-radius:6px;align-items:center;gap:.5rem;padding:.55rem .7rem;display:flex}fieldset label.on{border-color:var(--accent);background:#eef5ec}.price{gap:.2rem;margin:0;font-size:1.15rem;font-weight:700;display:grid}.price small{color:var(--muted);font-size:.75rem;font-weight:400}.nav{gap:.5rem;display:flex}button{border:1px solid var(--line);font:inherit;background:#fff;border-radius:6px;padding:.55rem .9rem}button:disabled{opacity:.45}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);margin-left:auto}.inquiry{gap:.5rem;display:grid}.inquiry input,.inquiry textarea{width:100%;font:inherit;padding:.35rem .4rem}.inquiry label{gap:.25rem;display:grid}.inquiry .check{align-items:flex-start;display:flex}.ok{color:var(--accent)}.legal,.legal-page{font-size:.8rem}.legal a,.legal-page a{color:var(--accent)}.legal-page{width:min(42rem,100% - 2rem);margin:2rem auto}@media (width>=860px){.app{grid-template-rows:none;grid-template-columns:1fr min(22rem,38vw)}.stage{min-height:100dvh}.panel{border-top:0;border-left:1px solid var(--line)}}