.sp-grid{display:grid;gap:24px;margin-top:28px}@media (min-width: 900px){.sp-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}.sp-grid>*{min-width:0}.sp-step{display:grid;gap:16px}.sp-step[hidden],.sp-result[hidden],.sp-custom[hidden],#sp-manual[hidden],.sp-empty[hidden]{display:none!important}.sp-link{padding:0;border:0;background:none;color:var(--link, var(--accent));font:inherit;font-weight:650;text-decoration:underline;cursor:pointer}.sp-beds{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.sp-beds button{display:grid;gap:2px;min-height:52px;padding:8px 10px;font:700 15px/1.2 var(--font-body, inherit);color:var(--text);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--radius-xs, 10px);cursor:pointer;text-align:left}.sp-beds button small{font-weight:500;font-size:13px;color:var(--muted)}.sp-beds button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-wash)}.sp-custom{margin-top:10px}.sp-hint{font-weight:500;color:var(--muted)}.sp-planes{display:grid;gap:8px;margin:0 0 10px;padding:0;list-style:none}.sp-planes li{display:grid;grid-template-columns:30px minmax(0,1fr) 76px auto 36px;align-items:center;gap:8px}.sp-planes input[type=number]{padding:8px}.sp-axis{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-weight:800;color:#fff}.sp-axis-0{background:#c8442a}.sp-axis-1{background:#3a8a3f}.sp-axis-2{background:#2f6db8}.sp-mm{color:var(--muted);font-size:14px}.sp-del{width:36px;height:36px;border:1.5px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text);font-size:20px;line-height:1;cursor:pointer}.sp-add{display:flex;flex-wrap:wrap;gap:8px}.sp-add .ghost-btn{min-height:40px;padding:8px 14px}.sp-check{display:flex!important;gap:10px;align-items:flex-start;cursor:pointer}.sp-check input{width:20px;height:20px;margin-top:2px;flex:0 0 auto;accent-color:var(--accent)}.sp-check small{color:var(--muted)}.sp-out{display:grid;gap:10px}.sp-view{position:relative;border-radius:var(--radius);background:radial-gradient(circle at 50% 40%,#2a3440,#0d1217 78%);overflow:hidden}.sp-view canvas{display:block;width:100%;height:auto;aspect-ratio:560 / 440;touch-action:none}.sp-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:24px;text-align:center;color:#c9c4ba}.sp-viewnote{margin:0}.sp-result{display:grid;gap:12px}.sp-tablewrap{max-height:360px;overflow:auto}.sp-table th,.sp-table td{padding:7px 8px}.sp-table th[scope=row]{white-space:nowrap}.sp-table th[scope=row] small{color:var(--muted);font-weight:500}.sp-dot{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px}@media (max-width: 480px){.sp-planes li{grid-template-columns:30px minmax(0,1fr) 66px 36px}.sp-mm{display:none}.sp-table{font-size:14px}.sp-table th,.sp-table td{padding:6px 5px}}