:root{color-scheme:light;--bg: #efe8dc;--card: #fffdf8;--ink: #1c1612;--muted: #6b5e53;--line: #e3d5c4;--brick: #9a3412;--brick-ink: #fff7f3;--ok: #1f6b45;--warn-bg: #fff4df;--warn: #8a4b08;--note-bg: #f7f1e6;font-family:Segoe UI,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}.app{width:min(440px,100%);margin:0 auto;min-height:100dvh;padding:20px 16px 112px}h1{margin:0 0 8px;font-size:1.7rem;line-height:1.15;font-weight:650}h2{margin:0;font-size:1.05rem}h3{margin:0 0 4px;font-size:1rem}.mast{margin-bottom:12px}.brand{margin:0 0 8px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brick);font-weight:700}.lead,.muted,.source,.note,.warning,.area-preview,.subtotal{margin:8px 0}.lead,.muted,.source{color:var(--muted)}.source{font-size:.86rem}.trade{display:inline-block;margin:0 0 6px;color:var(--brick);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.service-list,.stack{display:grid;gap:10px}.service-card{display:grid;gap:4px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:inherit}.service-card strong{font-size:1.05rem}.service-card span:last-child{color:var(--muted)}.back{border:0;background:transparent;color:var(--brick);padding:0 0 12px;min-height:44px}.primary,.secondary,.tiny{border-radius:12px;border:1px solid transparent}.primary,.secondary{width:100%;min-height:48px;margin-top:8px}.primary{background:var(--brick);color:var(--brick-ink)}.secondary{background:var(--card);color:var(--ink);border-color:var(--line)}.tiny{min-height:40px;padding:0 10px;background:var(--card);border-color:var(--line)}.tiny.danger{color:var(--brick)}button:disabled{opacity:.45;cursor:default}.field{display:grid;gap:6px;margin:12px 0}.field span{font-size:.92rem}.field small,.check small{color:var(--muted)}input,textarea{width:100%;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:16px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.block{margin-top:18px;padding-top:8px}.row-title,.row-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.opening{display:grid;gap:4px;margin-top:12px;padding-top:8px;border-top:1px solid var(--line)}.opening .field{margin:4px 0}.opening-area{margin:4px 0 8px;font-weight:650}.wall-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.wall-chip{min-height:40px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:inherit}.wall-chip.active{background:var(--brick);color:var(--brick-ink);border-color:var(--brick)}.wall-summary{margin-top:12px;padding-top:8px;border-top:1px solid var(--line)}.share-text{min-height:180px;resize:vertical;font-size:14px}.check{display:flex;gap:10px;align-items:flex-start;margin:10px 0}.check input{width:22px;min-height:22px;margin-top:2px}.check span{display:grid}.note,.warning,.area-preview{padding:10px 12px;border-radius:12px}.note{background:var(--note-bg)}.warning{background:var(--warn-bg);color:var(--warn)}.area-preview{background:var(--card);border:1px solid var(--line)}.instruction{margin:8px 0;font-weight:650}.photo-frame{position:relative;margin:8px 0 12px}.photo-frame img{width:100%;height:auto;display:block;border-radius:12px}.photo-overlay{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.choice{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.choice.two{grid-template-columns:1fr 1fr}.choice .primary,.choice .secondary{margin-top:0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.facts div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{margin:2px 0 0;font-size:1.05rem}.opening-list{margin:0 0 12px;padding-left:18px;color:var(--muted)}.material{padding:12px 0;border-top:1px solid var(--line)}.tools{margin:8px 0;padding-left:18px}.tools li{margin:4px 0}.subtotal{font-size:1rem}.total-bar{position:sticky;bottom:8px;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;padding:12px;border-radius:16px;background:var(--ink);color:#fffaf3}.total-bar span,.total-bar small{display:block;color:#e7d7c8}.total-bar strong{font-size:1.35rem}.total-actions{display:grid;gap:8px}.total-bar .secondary{width:auto;min-width:88px;margin:0;background:transparent;color:#fffaf3;border-color:#8c8178}button:focus-visible,input:focus-visible{outline:2px solid var(--brick);outline-offset:2px}@media print{.no-print{display:none!important}body{background:#fff}.app{width:auto;padding:0}.total-bar{position:static}}