/* v1.2.0 styles */
:root{--ks-blue:#0693E3;--ks-black:#000;--ks-white:#fff;--ks-muted:#9aa3ab;}
.ks-sdb-root{position:relative;min-height:80vh;background:var(--ks-black);color:var(--ks-white);overflow:hidden;isolation:isolate}
.ks-sdb-overlay{position:absolute;inset:0;background:radial-gradient(1200px 800px at 50% 50%,rgba(6,147,227,.15),rgba(0,0,0,.95));opacity:0;animation:ks-fade-in 1.2s ease forwards .4s}
.ks-sdb-stage{position:relative;max-width:860px;margin:0 auto;padding:14vh 24px 8vh}
.ks-sdb-fade{opacity:0;transform:translateY(8px);animation:ks-fade-up .8s ease forwards}
.ks-sdb-lead{color:var(--ks-muted);margin-bottom:24px}
.ks-sdb-step{text-align:center}.ks-sdb-step[hidden]{display:none!important}
.ks-sdb-form{display:grid;gap:16px;max-width:760px;margin:16px auto 24px auto;text-align:left}
.ks-sdb-form label{display:grid;gap:6px;font-size:14px;color:#cdd6dd}
.ks-sdb-form input,.ks-sdb-form select{background:#0e0f10;color:var(--ks-white);border:1px solid #1b1e22;border-radius:8px;padding:10px 12px;outline:none}
.ks-sdb-form input:focus,.ks-sdb-form select:focus{border-color:var(--ks-blue);box-shadow:0 0 0 2px rgba(6,147,227,.25)}
.ks-sdb-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:8px;border:1px solid #2a2f35;background:#111317;color:var(--ks-white);cursor:pointer;transition:transform .08s ease,background .2s ease,border-color .2s ease}
.ks-sdb-btn:hover{transform:translateY(-1px)}.ks-sdb-btn:active{transform:translateY(0)}
.ks-sdb-btn-primary{background:linear-gradient(180deg,#0d76b6,var(--ks-blue));border-color:#0d76b6}
.ks-sdb-alert{margin-top:12px;min-height:22px;color:#cfe9ff}
.ks-sdb-preview{margin-top:18px}.ks-sdb-preview-box{margin:0 auto;width:320px;height:220px;border:1px dashed #2c3238;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(6,147,227,.07),rgba(0,0,0,.25))}
.ks-sdb-preview-shape{width:90px;height:90px;border-radius:14px 14px 6px 6px;transform:rotate(8deg);border:2px solid var(--ks-blue);position:relative}
.ks-sdb-preview-shape::after{content:"";position:absolute;width:50px;height:8px;border-radius:4px;border:2px solid var(--ks-blue);top:-14px;left:20px}
.ks-sdb-caption{color:var(--ks-muted);font-size:12px;margin-top:8px}
.ks-sdb-fieldset{border:1px solid #2a2f35;border-radius:12px;padding:12px}
.ks-sdb-fieldset legend{padding:0 6px;color:#d7e6f2}
.ks-sdb-tile-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.ks-sdb-tile-grid--sm{grid-template-columns:repeat(3,1fr)}
.ks-sdb-tile{border:1px solid #2c3238;border-radius:12px;padding:14px;cursor:pointer;text-align:center;user-select:none;display:grid;gap:8px;justify-items:center;background:#0e0f10;transition:border .2s,box-shadow .2s,transform .08s}
.ks-sdb-tile:hover{transform:translateY(-1px)}.ks-sdb-tile input{display:none}
.ks-sdb-tile img{max-height:72px;opacity:.9}.ks-sdb-tile span{color:#e6eef6;font-size:14px}
.ks-sdb-tile.ks-checked{border-color:var(--ks-blue);box-shadow:0 0 10px rgba(6,147,227,.4)}
.ks-sdb-color.white{background:#fff;color:#000}.ks-sdb-color.black{background:#111}.ks-sdb-color.blue{background:#0693E3}.ks-sdb-color.custom{background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.ks-sdb-inline{margin-top:10px;display:grid;gap:8px}
@keyframes ks-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes ks-fade-in{to{opacity:1}}
@media (max-width:720px){.ks-sdb-tile-grid{grid-template-columns:repeat(2,1fr)}}