:root{--ks-bg:#f6f7f9;--ks-surface:#fff;--ks-text:#1a1d21;--ks-muted:#5b6470;--ks-border:#d9dee5;--ks-primary:#2f6df6;--ks-primary-text:#fff;--ks-accent:#f5b301;--ks-danger:#c8352b;--ks-radius:10px;--ks-gap:1.25rem;--ks-focus:#2f6df6}@media (prefers-color-scheme:dark){:root{--ks-bg:#0f1216;--ks-surface:#171b21;--ks-text:#e8ebee;--ks-muted:#9aa4b0;--ks-border:#2b323c;--ks-primary:#4b86ff;--ks-accent:#f5b301;--ks-danger:#ff6b60;--ks-focus:#4b86ff}}*{box-sizing:border-box}body{background:var(--ks-bg);color:var(--ks-text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.ks-app{justify-content:center;padding:2rem 1rem;display:flex}.ks-card{background:var(--ks-surface);border:1px solid var(--ks-border);border-radius:var(--ks-radius);width:100%;max-width:680px;padding:1.75rem;box-shadow:0 1px 3px #0000000f}.ks-header{margin-bottom:1.5rem}.ks-title{margin:0 0 .25rem;font-size:1.6rem}.ks-desc{color:var(--ks-muted);margin:0}.ks-locales{gap:.4rem;margin-top:.75rem;display:flex}.ks-locale{border:1px solid var(--ks-border);color:var(--ks-muted);cursor:pointer;text-transform:uppercase;background:0 0;border-radius:999px;padding:.15rem .6rem;font-size:.8rem}.ks-locale.is-active{background:var(--ks-primary);color:var(--ks-primary-text);border-color:var(--ks-primary)}.ks-progress{color:var(--ks-muted);margin:0 0 1rem;font-size:.85rem}.ks-section-title{margin:0 0 .25rem;font-size:1.2rem}.ks-section-desc{color:var(--ks-muted);margin:0 0 1rem}.ks-grid-layout{gap:var(--ks-gap);flex-wrap:wrap;display:flex}.ks-question{flex:100%;min-width:0}.ks-w-half{flex-basis:calc(50% - var(--ks-gap))}.ks-w-third{flex-basis:calc(33.33% - var(--ks-gap))}@media (width<=520px){.ks-w-half,.ks-w-third{flex-basis:100%}}.ks-label{margin-bottom:.35rem;font-weight:600}.ks-required{color:var(--ks-danger)}.ks-help{color:var(--ks-muted);margin-bottom:.45rem;font-size:.88rem}.ks-error{color:var(--ks-danger);margin-top:.35rem;font-size:.85rem}.ks-question.is-invalid .ks-input{border-color:var(--ks-danger)}.ks-input{width:100%;font:inherit;color:inherit;background:var(--ks-surface);border:1px solid var(--ks-border);border-radius:8px;padding:.55rem .7rem}.ks-textarea{resize:vertical}.ks-select{appearance:auto}.ks-number{align-items:center;gap:.5rem;display:flex}.ks-unit{color:var(--ks-muted)}.ks-other{margin-top:.4rem}.ks-choices{flex-direction:column;gap:.4rem;display:flex}.ks-choices.ks-inline{flex-direction:row;gap:1rem}.ks-choice{border:1px solid var(--ks-border);cursor:pointer;border-radius:8px;align-items:center;gap:.55rem;padding:.5rem .65rem;display:flex}.ks-choice.is-selected{border-color:var(--ks-primary);background:color-mix(in srgb, var(--ks-primary) 8%, transparent)}.ks-choice input{accent-color:var(--ks-primary)}.ks-rating{gap:.3rem;display:flex}.ks-rating-item{cursor:pointer;color:var(--ks-border);background:0 0;border:none;padding:.1rem .2rem;font-size:1.6rem;line-height:1}.ks-rating-item.is-on{color:var(--ks-accent)}.ks-rating-item.is-number{border:1px solid var(--ks-border);width:2.2rem;height:2.2rem;color:var(--ks-text);border-radius:8px;font-size:1rem}.ks-rating-item.is-number.is-on{background:var(--ks-primary);color:var(--ks-primary-text);border-color:var(--ks-primary)}.ks-slider{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ks-slider input[type=range]{accent-color:var(--ks-primary);flex:1}.ks-slider-value{font-variant-numeric:tabular-nums;min-width:2ch}.ks-endpoints{color:var(--ks-muted);justify-content:space-between;width:100%;font-size:.8rem;display:flex}.ks-grid{border-collapse:collapse;width:100%;font-size:.92rem}.ks-grid th,.ks-grid td{text-align:center;border-bottom:1px solid var(--ks-border);padding:.45rem}.ks-grid-row{text-align:left;font-weight:500}.ks-grid-col{color:var(--ks-muted);font-weight:500}.ks-grid input{accent-color:var(--ks-primary)}.ks-nav{justify-content:space-between;margin-top:1.75rem;display:flex}.ks-btn{font:inherit;cursor:pointer;border:1px solid var(--ks-border);border-radius:8px;padding:.55rem 1.1rem}.ks-btn-ghost{color:var(--ks-text);background:0 0}.ks-btn-ghost:disabled{opacity:.4;cursor:default}.ks-btn-primary{background:var(--ks-primary);color:var(--ks-primary-text);border-color:var(--ks-primary)}.ks-btn-primary:disabled{opacity:.6;cursor:default}.ks-submit-error{color:var(--ks-danger)}.ks-unsupported{color:var(--ks-muted);font-style:italic}.ks-done{text-align:center}:focus-visible{outline:2px solid var(--ks-focus);outline-offset:2px}html,body,#root{height:100%;margin:0}body{background:var(--ks-bg);color:var(--ks-text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.st-app{flex-direction:column;height:100vh;display:flex}.st-header{border-bottom:1px solid var(--ks-border);background:var(--ks-surface);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.st-header strong{font-size:1.05rem}.st-status{flex-wrap:wrap;gap:.4rem;margin-left:auto;display:flex}.st-badge{border:1px solid var(--ks-border);color:var(--ks-muted);border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.st-badge.is-ok{color:#2e7d32;border-color:#2e7d3255}.st-badge.is-error{color:var(--ks-danger);border-color:var(--ks-danger)}.st-badge.is-warn{color:#b7791f;border-color:#b7791f55}.st-body{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}@media (width<=900px){.st-body{grid-template-columns:1fr}}.st-editors{border-right:1px solid var(--ks-border);flex-direction:column;min-height:0;display:flex}.st-editor{flex-direction:column;flex:1;min-height:0;display:flex}.st-editor-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ks-muted);border-bottom:1px solid var(--ks-border);padding:.4rem .75rem;font-size:.75rem}.st-editor textarea{resize:none;background:var(--ks-surface);width:100%;color:var(--ks-text);tab-size:2;border:0;flex:1;padding:.75rem;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.st-editor+.st-editor{border-top:1px solid var(--ks-border)}.st-editor textarea:focus{outline:2px solid var(--ks-focus);outline-offset:-2px}.st-result{flex-direction:column;min-height:0;display:flex}.st-tabs{border-bottom:1px solid var(--ks-border);background:var(--ks-surface);gap:.25rem;padding:.4rem .6rem 0;display:flex}.st-tab{color:var(--ks-muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;padding:.4rem .8rem}.st-tab.is-active{color:var(--ks-text);border-color:var(--ks-border);background:var(--ks-bg)}.st-panel{flex:1;min-height:0;overflow:auto}.st-hint{color:var(--ks-muted);padding:1rem}.st-lint{flex-direction:column;gap:.35rem;margin:0;padding:.5rem;list-style:none;display:flex}.st-lint-item{border:1px solid var(--ks-border);border-radius:8px;grid-template-columns:auto auto 1fr;align-items:baseline;gap:.5rem;padding:.5rem .65rem;font-size:.85rem;display:grid}.st-lint-item.is-error{border-left:3px solid var(--ks-danger)}.st-lint-item.is-warning{border-left:3px solid #b7791f}.st-lint-sev{text-transform:uppercase;letter-spacing:.04em;color:var(--ks-muted);font-size:.65rem}.st-lint-code{color:var(--ks-text);font-family:ui-monospace,monospace;font-size:.75rem}.st-lint-msg{grid-column:1/-1}.st-lint-path{color:var(--ks-muted);grid-column:1/-1;font-family:ui-monospace,monospace;font-size:.72rem}.st-lint-error{color:var(--ks-danger);padding:1rem;font-family:ui-monospace,monospace}.st-package{padding:.75rem}.st-package-actions{gap:.5rem;margin-bottom:.6rem;display:flex}.st-json{background:var(--ks-surface);border:1px solid var(--ks-border);border-radius:8px;max-height:60vh;padding:.75rem;font:12px/1.5 ui-monospace,monospace;overflow:auto}.st-btn{font:inherit;border:1px solid var(--ks-border);background:var(--ks-surface);color:var(--ks-text);cursor:pointer;border-radius:8px;padding:.4rem .8rem}.st-btn.is-primary{background:var(--ks-primary);color:var(--ks-primary-text);border-color:var(--ks-primary)}.st-preview .ks-app{padding:1.25rem}