.s1-home-panel{width:min(440px,40vw);max-height:calc(100dvh - 40px);margin:20px 20px 20px auto}.s1-home-panel::backdrop{background:linear-gradient(90deg,transparent 30%,#0b1e3270);backdrop-filter:none}.s1-home-panel .s1-panel-body{padding:22px}.s1-home-panel h2{font-size:26px}.s1-home-panel .s1-lead{font-size:13px}.s1-home-kicker{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#9ddaca;margin:24px 0 12px}.s1-home-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.s1-home-swatches button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 3px;font-size:10px;background:#ffffff08;border:1px solid #ffffff20;border-radius:12px;color:#e1eee9}.s1-home-swatches button span{width:30px;height:30px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 -4px 7px #0002}.s1-home-swatches button[aria-pressed=true]{border-color:#9bedcd;background:#9bedcd18}.s1-home-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.s1-home-fields label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b6c9d2;min-width:0}.s1-home-fields select{width:100%;min-width:0;background:#142838;color:#f0f6f2;border:1px solid #617b85;border-radius:9px;padding:10px 6px;font:inherit;font-size:12px;min-height:42px}.s1-home-check{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.5}.s1-home-check input{width:18px;height:18px;flex-shrink:0}.s1-home-result{font-size:13px;color:#d9f5c6}.s1-home-panel .s1-actions{position:sticky;bottom:-22px;background:#122331;padding:12px 0;margin-bottom:-10px}.s1-designing .s1-objective,.s1-designing .s1-map-button,.s1-designing .s1-bottom,.s1-designing .s1-top,.s1-designing .s1-touch,.s1-designing .s1-voyage-hud{visibility:hidden}
@media(max-width:960px){.s1-home-panel{width:100%;max-width:none;height:51dvh;max-height:51dvh;margin:auto 0 0;border-radius:20px 20px 0 0}.s1-home-panel::backdrop{background:transparent}.s1-home-panel .s1-panel-body{padding:16px}.s1-home-panel h2{font-size:23px}.s1-home-swatches{grid-template-columns:repeat(6,minmax(0,1fr))}.s1-home-swatches button{font-size:9px}.s1-home-swatches button span{width:26px;height:26px}.s1-home-panel .s1-actions{bottom:-16px}.s1-home-fields{gap:9px}.s1-home-kicker{margin-top:18px}}
.s1 .s1-home-panel{padding:0}.s1-designing .s1-toast,.s1-designing .s1-interact,.s1-designing .s1-waypoint{visibility:hidden}.s1-home-panel .s1-home-kicker{font-size:10px}.s1-home-panel .s1-home-fields label{font-size:11px;margin:0}.s1-home-panel .s1-home-check{display:flex}