.wc-hero .wrap{position:relative;z-index:1}
.wc-head{padding-top:48px;padding-bottom:28px}
.wc-head .lede{max-width:64ch}
.wc{padding-bottom:64px}
.wc-noscript{background:#fff;color:var(--ink);border-radius:16px;padding:20px 24px}
.wc-app{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start;background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.35);padding:24px}
.wc-app[hidden]{display:none}
.wc-edit{display:grid;gap:16px;min-width:0}
.wc fieldset{border:0;margin:0;padding:0;min-width:0}
.wc legend{padding:0}
.wc .wc-panel{border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.wc-panel>legend,.wc-legend{float:left;width:100%;font-weight:800;font-size:1.08rem;margin:0 0 10px}
.wc-panel>legend+*{clear:both}
.wc-panel>legend small{font-weight:500;color:var(--muted);font-size:.9rem}
.wc-panel-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.wc-panel-top .wc-legend{float:none;width:auto;margin:0}
.wc-count{font-size:.9rem;font-weight:700;color:var(--brand);background:var(--glass);border-radius:99px;padding:3px 12px}
.wc-help{font-size:.9rem;color:var(--muted);margin:8px 0 12px}
.wc-chips{display:flex;flex-wrap:wrap;gap:8px}
.wc-chip{position:relative;cursor:pointer}
.wc-chip input{position:absolute;opacity:0;pointer-events:none}
.wc-chip span{display:inline-block;padding:8px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:.95rem;font-weight:600;line-height:1.3}
.wc-chip:hover span{border-color:var(--brand)}
.wc-chip input:checked+span{border-color:var(--brand);background:var(--glass);box-shadow:inset 0 0 0 1px var(--brand)}
.wc-chip input:focus-visible+span{outline:3px solid var(--brand);outline-offset:2px}
.wc-q{margin-top:14px}
.wc-q>legend{font-weight:700;font-size:.95rem;margin-bottom:6px}
.wc-add{display:flex;flex-wrap:wrap;gap:8px}
.wc-add button,.wc-addbay{font:inherit;font-size:.9rem;font-weight:700;color:var(--brand);background:#fff;border:1.5px dashed var(--glass-2);border-radius:10px;padding:8px 12px;min-height:40px;cursor:pointer}
.wc-add button:hover,.wc-addbay:hover{border-color:var(--brand);background:var(--glass)}
.wc-rooms{display:grid;gap:14px;margin-top:14px}
.wc-rooms:empty{display:none}
.wc .wc-room{border:1px solid var(--line);border-radius:var(--radius);padding:4px 14px 14px;background:var(--bg)}
.wc-room>legend{font-weight:800;font-size:1rem;padding:0 6px;background:#fff;border:1px solid var(--line);border-radius:8px}
.wc-room-top{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:6px}
.wc-field{display:grid;gap:4px;flex:1 1 150px;min-width:0}
.wc-field label,.wc-text{font-size:.82rem;font-weight:700;color:var(--ink-2)}
.wc-text{display:block;margin-top:10px}
.wc-text span{font-weight:500;color:var(--muted)}
.wc select,.wc input[type=text]{width:100%;font:inherit;font-size:.95rem;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:8px 10px;min-height:42px}
.wc input[type=text]{margin-top:4px}
.wc-remove{font:inherit;font-size:.85rem;font-weight:600;color:var(--muted);background:none;border:1.5px solid var(--line);border-radius:8px;padding:8px 10px;min-height:42px;cursor:pointer}
.wc-remove:hover{color:var(--err);border-color:var(--err)}
.wc-sub{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin:14px 0 6px}
.wc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.wc-step{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px 6px 5px 12px;font-size:.92rem;line-height:1.25}
.wc-ctrl{display:flex;align-items:center;gap:4px;flex:none}
.wc-ctrl button{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font:inherit;font-size:1.2rem;line-height:1;color:var(--ink);cursor:pointer}
.wc-ctrl button:hover{border-color:var(--brand)}
.wc-ctrl output{min-width:2ch;text-align:center;font-weight:800;font-size:1.05rem}
.wc-bays{display:grid;gap:8px;margin:8px 0}
.wc-bays:empty{display:none}
.wc-bay{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.wc-bay-n{flex:1 1 100%;font-weight:700;font-size:.92rem}
.wc-addbay{margin-top:4px}
.wc-flags{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 12px}
.wc-check{display:flex;gap:8px;align-items:flex-start;font-size:.92rem;line-height:1.4;cursor:pointer}
.wc-check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--brand)}
.wc-out{position:sticky;top:84px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0}
.wc-out-h{font-weight:800;font-size:1.08rem}
.wc-headline{margin-top:8px;font-weight:700;color:var(--ink)}
.wc-out textarea{width:100%;margin-top:4px;font:inherit;font-size:.88rem;line-height:1.5;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:10px 12px;resize:vertical;white-space:pre-wrap}
.wc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.wc-actions .btn{flex:1 1 auto;padding:12px 16px}
.wc-actions .btn:disabled{opacity:.55;cursor:not-allowed}
.wc-status{margin-top:10px;font-size:.92rem;font-weight:600;color:var(--ok)}
.wc-status:empty{display:none}
.wc-small{margin-top:8px;font-size:.82rem;color:var(--muted)}
.wc-small[hidden],.wc-help[hidden]{display:none}
.wc button:focus-visible,.wc select:focus-visible,.wc input[type=text]:focus-visible,.wc textarea:focus-visible,.wc-check input:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.wc-formcol{min-width:0}
.wc-guide>h2:first-child{margin-top:0}
@media (max-width:960px){
  .wc-app{grid-template-columns:1fr;padding:16px}
  .wc-out{position:static}
  .wc-head{padding-top:32px}
}
@media (max-width:560px){
  .wc .wc-panel{padding:14px}
  .wc .wc-room{padding:4px 10px 12px}
  .wc-grid{grid-template-columns:1fr}
}
