.wb{display:grid;gap:1rem}.wb__hero,.wb__panel,.wb__preview{border-radius:24px;border:1px solid #d7dfd0;background:#fffef8;box-shadow:0 20px 35px #0d2d3414}.wb__hero{padding:1.3rem;background:radial-gradient(circle at 84% 20%,rgba(0,121,107,.17),transparent 37%),radial-gradient(circle at 12% 80%,rgba(240,107,26,.14),transparent 38%),#fffef8}.wb__eyebrow{margin:0;color:#607079;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-family:IBM Plex Mono,Consolas,monospace}.wb__hero h1{margin:.45rem 0 .65rem;font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.1}.wb__lead{margin:0;max-width:72ch;color:#3f5b65}.wb__layout{display:grid;gap:1rem;grid-template-columns:minmax(320px,420px) 1fr;align-items:start}.wb__panel{padding:1rem;display:grid;gap:.8rem;align-content:start}.wb__field{display:grid;gap:.32rem}.wb__field label{font-size:.85rem;color:#3e5660;font-weight:700}.wb__field input{min-height:42px;border-radius:11px;border:1px solid #cad4c5;padding:0 .7rem;font:inherit;background:#fff;color:#122c38}.wb__field--compact{max-width:220px}.wb__hint{margin:0;color:#5e6f78;font-size:.89rem}.wb__rows{display:grid;gap:.65rem;max-height:540px;overflow:auto;padding-right:.2rem}.wb__row{border-radius:14px;border:1px solid #d5ddcf;background:linear-gradient(180deg,#f2f7f6f2,#fffffff2);padding:.68rem;display:grid;gap:.45rem}.wb__row-head{display:grid;gap:.28rem}.wb__row-head span{color:#4a6670;font-size:.77rem;text-transform:uppercase;letter-spacing:.06em}.wb__sphere-name{min-height:40px;border-radius:10px;border:1px solid #c8d3c2;padding:0 .62rem;font:inherit;background:#fff;color:#16303a}.wb__row-controls{display:grid;grid-template-columns:1fr 68px;gap:.55rem;align-items:center}.wb__range{width:100%;accent-color:#0b8778}.wb__score{min-height:36px;border-radius:10px;border:1px solid #c4d2c0;text-align:center;font:inherit;font-weight:700;color:#17313c;background:#fff}.wb__actions{display:grid;grid-template-columns:1fr;gap:.55rem}.wb__button{min-height:44px;border-radius:12px;border:0;padding:0 .9rem;font:inherit;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.wb__button:hover{transform:translateY(-1px)}.wb__button--primary{color:#fff;background:linear-gradient(120deg,#00796b,#00544b);box-shadow:0 12px 22px #00544b3d}.wb__button--ghost{color:#1d3a44;border:1px solid #cbd6c8;background:#f8fbf9}.wb__summary{margin:0;border-radius:12px;border:1px solid #d2ddcf;background:#f8fbf8;color:#355564;padding:.66rem .72rem;font-size:.89rem}.wb__preview{padding:1rem;display:grid;gap:.65rem;background:radial-gradient(circle at 84% 12%,rgba(240,107,26,.14),transparent 34%),radial-gradient(circle at 8% 88%,rgba(0,121,107,.18),transparent 40%),#fffef8}#wb-canvas{width:min(100%,760px);aspect-ratio:1;border-radius:20px;border:1px solid #d2ddd0;background:#fff;box-shadow:inset 0 0 0 1px #fff6}.wb__canvas-note{margin:0;color:#506b74;font-size:.9rem}@media(max-width:1100px){.wb__layout{grid-template-columns:1fr}.wb__rows{max-height:none}#wb-canvas{width:100%}}