:root{color-scheme:dark;--bg:#14121e;--txt:#f5f2fa;--mut:#a49bb7;--line:#373044;--gold:#ffcf67}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:14px/1.55 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.st-nav{max-width:1300px;margin:auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center}.st-nav>a{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:750}.st-nav span{font-size:14px;color:var(--mut);font-weight:400}.st-nav nav{display:flex;gap:16px;font-size:12px}.hero{max-width:1200px;margin:26px auto 32px;padding:0 28px}.hero h1{font-size:clamp(32px,5vw,50px);line-height:1.1;margin:8px 0 14px;letter-spacing:-1.5px}.hero>p:last-child{color:var(--mut);font-size:16px}.st-eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:750;margin:0 0 10px}main.kzk{max-width:1300px;padding:0 28px;margin:auto}.kzk-ws.st-workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:20px;align-items:start}.st-workspace>.kzk-col-opts{grid-column:1;grid-row:1/3}.st-workspace>.kzk-col-prev{grid-column:2;grid-row:1}.st-workspace>.kzk-col-exp{grid-column:2;grid-row:2}.st-workspace .kzk-card{background:#1d1928;border:1px solid var(--line);border-radius:16px;padding:22px}.st-workspace h2{font-size:18px;line-height:1.3;margin:0 0 20px;letter-spacing:-.3px}fieldset{border:0;padding:0;margin:0;min-width:0}.st-options label{display:block;font-size:12px;font-weight:650;color:#ddd6e8;margin:20px 0 7px}.st-options fieldset>label:first-child{margin-top:0}.st-options input:not([type=checkbox]):not([type=color]),.st-options select{width:100%;min-height:40px;border:1px solid #443b54;border-radius:8px;background:#16121f;color:var(--txt);padding:8px 11px}.st-options small,.st-help small{display:block;color:var(--mut);font-size:11px;margin-top:6px}.st-options label span{color:var(--mut);font-weight:400}.st-options input[type=file]{font-size:11px;padding:8px!important}.st-options input::file-selector-button{background:#30263f;color:#ece5f7;border:0;border-radius:5px;padding:5px;margin-right:8px}.st-styles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st-styles button{background:#211c2d;color:var(--mut);border:1px solid var(--line);border-radius:10px;padding:9px;font-size:11px;text-align:left}.st-styles button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#302737}.st-tile{height:40px;display:block;margin-bottom:7px;background:#15111e;position:relative;overflow:hidden;border-radius:5px}.st-diagonal:before{content:'';position:absolute;inset:0 20%;transform:skewX(-25deg);background:linear-gradient(90deg,#7c3aed 70%,#ffcf67 70%)}.st-curtains{background:linear-gradient(90deg,#7c3aed 45%,#ffcf67 45% 55%,#7c3aed 55%)}.st-diamond:before{content:'';position:absolute;width:36px;height:36px;background:#7c3aed;transform:rotate(45deg);left:40%;border:3px solid #ffcf67}.st-stripes{background:repeating-linear-gradient(0deg,#7c3aed 0 10px,#ffcf67 10px 13px,#21162f 13px 22px)}.st-colors,.st-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-colors input{display:block;width:100%;height:38px;border:1px solid var(--line);border-radius:7px;background:#171320;padding:3px}.st-check{display:flex!important;align-items:center;gap:8px;font-size:11px!important;font-weight:400!important;color:var(--mut)!important}.st-check input{accent-color:var(--gold);margin:0;width:15px;height:15px}.st-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.st-card-head h2{margin:0}.st-tag{color:var(--mut);font-size:10px;letter-spacing:1px}.st-stage{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:repeating-conic-gradient(#211c2c 0% 25%,#2b2537 0% 50%) 50%/24px 24px}.st-stage canvas{width:100%;height:auto;display:block}.st-scene{position:absolute;left:12px;top:12px;font-size:10px;background:#13101dcc;color:#ded6ed;border:1px solid #ffffff20;padding:4px 8px;border-radius:20px;pointer-events:none}.st-playbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0}.st-timeline{display:flex;justify-content:space-between;color:var(--mut);font-size:10px}.st-timeline strong{color:var(--gold)}#stScrub{width:100%;accent-color:var(--gold);margin:0}input[type=range]::-webkit-slider-thumb{cursor:ew-resize}.st-preview-note{font-size:12px;color:var(--mut);margin:16px 0 0}.st-export{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.st-export h2{margin:0 0 6px;font-size:20px}.st-export p{margin:0;color:var(--mut);font-size:12px}.st-export .st-eyebrow{color:var(--gold);font-size:9px;margin-bottom:8px}.st-export>button{align-self:center;min-height:48px}.st-export>#stStatus,.st-export>.st-help,.st-export>#stProgressWrap{grid-column:1/-1}#stStatus:empty{display:none}.st-export #stStatus{color:var(--gold)}.st-help{border-top:1px solid var(--line);padding-top:13px}.st-help summary{cursor:pointer;font-weight:650;font-size:12px}.st-help ol{padding-left:18px;color:var(--mut);font-size:12px;line-height:1.8;margin:12px 0}.st-help strong{color:var(--txt)}#stProgressWrap{display:flex;align-items:center;gap:12px}progress{flex:1;width:100%;accent-color:var(--gold);height:8px}footer{text-align:center;color:var(--mut);padding:34px;font-size:12px}.st-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.st-options>button{margin-top:15px}.st-workspace .kzk-btn--primary{background:var(--gold);color:#241b2e;border-color:var(--gold);font-weight:750}.st-workspace .kzk-btn--secondary{background:#30263f;color:#eee6f8;border:1px solid #574565}.st-workspace .kzk-btn--ghost{color:#b8a9cd;font-size:11px}.st-workspace button:disabled{opacity:.5;cursor:wait}
@media(max-width:850px){.kzk-ws.st-workspace{grid-template-columns:1fr}.st-workspace>.kzk-col-prev{grid-column:1;grid-row:1}.st-workspace>.kzk-col-opts{grid-column:1;grid-row:2}.st-workspace>.kzk-col-exp{grid-column:1;grid-row:3}.st-styles{grid-template-columns:repeat(4,1fr)}main.kzk{padding:0 14px}.hero{padding:0 18px;margin-top:12px}.st-nav{padding:14px 18px}.st-workspace .kzk-card{padding:16px}.st-export{grid-template-columns:1fr}.st-export>button{width:100%}.st-playbar{align-items:flex-start;flex-direction:column}.st-tag{font-size:9px}.hero h1{letter-spacing:-1px}.st-workspace h2{font-size:17px}}
.bv-embed main.kzk{padding:0!important}.bv-embed .st-workspace{gap:16px}
.st-collection{margin:0 0 26px}.st-collection-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.st-collection-head h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:0 0 9px}.st-collection-head p:not(.st-eyebrow){margin:0;color:var(--mut);font-size:13px}.st-collection-head>button{flex-shrink:0;border:1px solid var(--line);border-radius:24px;padding:9px 16px}.st-collection-head>button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.st-themes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.st-themes button{position:relative;min-width:0;text-align:left;background:#201a2b;border:1px solid #3c324b;border-radius:12px;padding:0 0 12px;overflow:hidden;color:var(--txt);transition:border-color .16s,transform .16s,box-shadow .16s}.st-themes canvas{display:block;width:100%;height:auto;background:repeating-conic-gradient(#17131e 0% 25%,#201a29 0% 50%) 50%/16px 16px;border-bottom:1px solid #ffffff12;margin-bottom:10px}.st-themes strong,.st-themes span{display:block;padding:0 12px}.st-themes strong{font-size:12px;font-weight:700}.st-themes span{font-size:10px;color:var(--mut);margin-top:3px}.st-themes button:hover{border-color:#9b7abd;transform:translateY(-2px)}.st-themes button[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.st-themes button[aria-pressed=true]:after{content:'✓';position:absolute;right:8px;top:8px;background:var(--gold);color:#211728;border-radius:50%;width:22px;height:22px;text-align:center;font-weight:800;line-height:22px}.st-collection-note{font-size:11px;color:var(--mut);margin:12px 0 0}.st-theme-note{padding:12px;border-left:2px solid var(--gold);background:#f4c75509;color:var(--gold);font-size:12px;margin:0}.st-themes button:disabled{opacity:.55;cursor:wait;transform:none}
@media(max-width:1050px){.st-themes{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.st-themes strong,.st-themes span{padding:0 8px}.st-themes strong{font-size:11px}.st-themes span{font-size:9px}}
@media(max-width:700px){.st-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.st-collection-head{align-items:flex-start;flex-direction:column;gap:12px}.st-collection-head h2{font-size:26px}.st-themes strong{font-size:12px}.st-themes span{font-size:10px}.st-collection{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.st-themes button{transition:none}.st-themes button:hover{transform:none}}