:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#08090b;color:#f6f7fb}*{box-sizing:border-box}body{margin:0}a{color:inherit}.sandbox-banner{position:sticky;top:0;z-index:10000;padding:9px 18px;text-align:center;background:#a36506;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em}.sandbox-banner a{margin-left:12px;text-decoration:underline}.sandbox-home .sandbox-banner{display:none}.sandbox-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,84px);border-bottom:1px solid #24262b}.sandbox-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;letter-spacing:-.02em}.sandbox-pill{font-size:11px;letter-spacing:.1em;font-weight:800;color:#ffca6a;border:1px solid #755018;background:#2a1c08;border-radius:99px;padding:8px 12px}.sandbox-main{width:min(1140px,calc(100% - 40px));margin:0 auto;padding:70px 0}.sandbox-kicker{color:#83aaff;font-size:12px;font-weight:800;letter-spacing:.14em}.sandbox-intro{max-width:750px;margin-bottom:38px}.sandbox-intro h1{font-size:clamp(36px,5vw,60px);letter-spacing:-.05em;line-height:1.05;margin:12px 0 18px}.sandbox-intro>p:last-child{color:#a9acb7;font-size:17px;line-height:1.6}.sandbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sandbox-panel{border:1px solid #2c2e34;border-radius:20px;background:#141518;padding:28px}.sandbox-panel h2{font-size:22px;margin:0 0 8px;letter-spacing:-.025em}.sandbox-panel>p{color:#a9acb7;line-height:1.55}.sandbox-panel label{display:block;font-size:13px;font-weight:650;margin:19px 0 8px}.sandbox-panel input,.sandbox-panel select{width:100%;border:1px solid #3a3d44;border-radius:10px;background:#0b0c0f;color:#f6f7fb;padding:14px;font:inherit;min-height:48px}.sandbox-panel input:focus,.sandbox-panel select:focus{outline:2px solid #3b77fb;outline-offset:1px}.sandbox-panel button,.sandbox-open{font:inherit;border:0;border-radius:11px;cursor:pointer;padding:13px 17px;font-weight:700}.sandbox-panel form button{width:100%;display:flex;justify-content:space-between;margin-top:24px;color:white;background:#2868f3}.sandbox-panel button:disabled{opacity:.6;cursor:wait}.sandbox-error{color:#ff9a8b!important;min-height:20px}.sandbox-result{background:#0b251a;border:1px solid #285d41;border-radius:12px;padding:18px}.sandbox-result p{color:#b9d9c7;line-height:1.45}.sandbox-open{display:inline-block;text-decoration:none;background:#2872f6;color:white;margin:3px 8px 10px 0}.sandbox-copy{background:#244536;color:#dcfce9}.sandbox-result small{display:block;color:#aac9b6}.sandbox-guide ol{padding:0;margin:23px 0 26px;list-style:none;counter-reset:steps}.sandbox-guide li{display:grid;grid-template-columns:34px 1fr;column-gap:10px;margin-bottom:20px;counter-increment:steps}.sandbox-guide li:before{content:counter(steps);grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;background:#243d74;border-radius:50%;color:#bdd2ff;font-size:13px;font-weight:750}.sandbox-guide li strong{font-size:15px}.sandbox-guide li span{color:#a9acb7;line-height:1.45;margin-top:5px}.sandbox-fixture{display:flex;justify-content:space-between;gap:12px;text-decoration:none;border:1px solid #3b77fb;color:#b8ceff;border-radius:10px;padding:14px 16px;font-weight:700}.sandbox-warning{margin:24px 0 0!important;border-top:1px solid #303238;padding-top:18px;font-size:13px}.sandbox-warning strong{color:#ffca6a}.sandbox-links{display:flex;gap:20px;margin-top:28px;color:#b8ceff}.sandbox-links a{text-decoration:none}.sandbox-links a:hover,.sandbox-fixture:hover{text-decoration:underline}@media(max-width:760px){.sandbox-main{padding:40px 0}.sandbox-grid{grid-template-columns:1fr}.sandbox-panel{padding:22px}.sandbox-top{padding:0 20px}.sandbox-banner{font-size:10px}}
.sandbox-checker{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin-top:20px}.sandbox-checker .sandbox-kicker{margin-top:0}.sandbox-checker-controls label:first-child{margin-top:0}.sandbox-checker-controls button{background:#2868f3;color:white;margin-top:18px;width:100%}.sandbox-check-result{grid-column:1/-1;background:#0b0c0f;border:1px solid #2f3238;border-radius:10px;padding:14px!important;color:#c0c3cc!important;margin:8px 0 0}@media(max-width:760px){.sandbox-checker{grid-template-columns:1fr}}