:root{--ks-bg:#fdf7ff;--ks-surface:#ffffff;--ks-surface-elevated:#ffffff;--ks-surface-glass:rgba(255,255,255,0.78);--ks-surface-hover:rgba(100,84,240,0.04);--ks-border:rgba(100,84,240,0.12);--ks-border-subtle:rgba(0,0,0,0.06);--ks-border-focus:#6454f0;--ks-text-hi:#171323;--ks-text-mid:#4a455a;--ks-text-low:#7b758d;--ks-iris:#6454f0;--ks-iris-hover:#5242e3;--ks-iris-light:rgba(100,84,240,0.09);--ks-iris-glow:rgba(100,84,240,0.22);--ks-lime:#d7fa3b;--ks-lime-dark:#1b2710;--ks-purple:#9b51f6;--ks-coral:#ff6b57;--ks-emerald:#10b981;--ks-amber:#f59e0b;--ks-rose:#ef4444;--ks-sidebar-w:260px;--ks-shadow-sm:0 2px 8px rgba(18,15,29,0.04);--ks-shadow-md:0 8px 24px rgba(18,15,29,0.08);--ks-shadow-lg:0 16px 40px rgba(100,84,240,0.12);--ks-shadow-phone:0 24px 60px rgba(18,15,29,0.18),0 0 0 1px rgba(0,0,0,0.08)}@media (prefers-color-scheme:dark){:root{--ks-bg:#0f0d18;--ks-surface:#171424;--ks-surface-elevated:#1f1b30;--ks-surface-glass:rgba(23,20,36,0.82);--ks-surface-hover:rgba(168,155,255,0.06);--ks-border:rgba(168,155,255,0.14);--ks-border-subtle:rgba(255,255,255,0.06);--ks-border-focus:#a89bff;--ks-text-hi:#f5f3fc;--ks-text-mid:#c7c3d8;--ks-text-low:#8b859f;--ks-iris:#7c6dfa;--ks-iris-hover:#9084ff;--ks-iris-light:rgba(124,109,250,0.14);--ks-iris-glow:rgba(124,109,250,0.3);--ks-shadow-sm:0 2px 8px rgba(0,0,0,0.2);--ks-shadow-md:0 8px 24px rgba(0,0,0,0.35);--ks-shadow-lg:0 16px 40px rgba(0,0,0,0.5);--ks-shadow-phone:0 24px 70px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.1)}}html[data-theme=dark]{--ks-bg:#0f0d18;--ks-surface:#171424;--ks-surface-elevated:#1f1b30;--ks-surface-glass:rgba(23,20,36,0.82);--ks-surface-hover:rgba(168,155,255,0.06);--ks-border:rgba(168,155,255,0.14);--ks-border-subtle:rgba(255,255,255,0.06);--ks-border-focus:#a89bff;--ks-text-hi:#f5f3fc;--ks-text-mid:#c7c3d8;--ks-text-low:#8b859f;--ks-iris:#7c6dfa;--ks-iris-hover:#9084ff;--ks-iris-light:rgba(124,109,250,0.14);--ks-iris-glow:rgba(124,109,250,0.3);--ks-shadow-sm:0 2px 8px rgba(0,0,0,0.2);--ks-shadow-md:0 8px 24px rgba(0,0,0,0.35);--ks-shadow-lg:0 16px 40px rgba(0,0,0,0.5);--ks-shadow-phone:0 24px 70px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.1)}.ks-studio-shell{display:flex;min-height:100vh;background-color:var(--ks-bg);color:var(--ks-text-hi);font-family:var(--font-sans);position:relative;overflow-x:hidden}.ks-studio-shell:before{top:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,var(--ks-iris-glow) 0,transparent 70%);opacity:.6}.ks-studio-shell:after,.ks-studio-shell:before{content:"";position:fixed;pointer-events:none;z-index:0}.ks-studio-shell:after{bottom:-200px;left:200px;width:500px;height:500px;background:radial-gradient(circle,rgba(215,250,59,.12) 0,transparent 70%);opacity:.5}.ks-sidebar{width:var(--ks-sidebar-w);flex-shrink:0;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:var(--ks-surface-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--ks-border);z-index:40;transition:transform .25s cubic-bezier(.16,1,.3,1)}.ks-sidebar-header{padding:24px 20px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ks-border-subtle)}.ks-brand-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;transition:transform .18s ease}.ks-brand-link:hover{transform:scale(1.02)}.ks-studio-badge{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--ks-iris-light);color:var(--ks-iris);border:1px solid var(--ks-border)}.ks-sidebar-nav{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:20px}.ks-nav-group-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ks-text-low);padding:0 12px 6px;user-select:none}.ks-nav-group{display:flex;flex-direction:column;gap:2px}.ks-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--ks-text-mid);font-size:13.5px;font-weight:600;cursor:pointer;text-align:left;transition:all .18s ease;position:relative}.ks-nav-item:hover{background:var(--ks-surface-hover);color:var(--ks-text-hi);transform:translateX(2px)}.ks-nav-item[aria-current=page]{background:var(--ks-iris);color:#ffffff;font-weight:700;box-shadow:0 4px 14px var(--ks-iris-glow)}.ks-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;opacity:.85}.ks-nav-item[aria-current=page] .ks-nav-icon{opacity:1}.ks-nav-badge{margin-left:auto;font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;background:var(--ks-lime);color:var(--ks-lime-dark)}.ks-nav-item[aria-current=page] .ks-nav-badge{background:#ffffff;color:var(--ks-iris)}.ks-sidebar-footer{padding:16px;border-top:1px solid var(--ks-border-subtle);background:var(--ks-surface-glass)}.ks-creator-chip{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:16px;background:var(--ks-surface-hover);border:1px solid var(--ks-border);text-decoration:none;color:inherit;transition:all .18s ease}.ks-creator-chip:hover{border-color:var(--ks-iris);background:var(--ks-iris-light)}.ks-creator-meta{flex:1;min-width:0}.ks-creator-name{font-size:13px;font-weight:700}.ks-creator-handle,.ks-creator-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ks-creator-handle{font-size:11.5px;color:var(--ks-text-low)}.ks-main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;z-index:1}.ks-topbar{position:sticky;top:0;z-index:30;justify-content:space-between;padding:16px 36px;background:var(--ks-surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--ks-border);gap:16px}.ks-topbar,.ks-topbar-left{display:flex;align-items:center}.ks-topbar-left{gap:14px;min-width:0}.ks-mobile-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--ks-border);background:var(--ks-surface);color:var(--ks-text-hi);cursor:pointer}.ks-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ks-text-low)}.ks-breadcrumb-active{color:var(--ks-text-hi);font-weight:700;font-size:15px}.ks-topbar-right{display:flex;align-items:center;gap:12px}.ks-copy-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--ks-surface);border:1px solid var(--ks-border);font-size:12.5px;font-weight:600;color:var(--ks-text-mid);cursor:pointer;transition:all .18s ease}.ks-copy-pill:hover{border-color:var(--ks-iris);color:var(--ks-iris);background:var(--ks-iris-light)}.ks-live-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--ks-surface);border:1px solid var(--ks-border);font-size:12.5px;font-weight:700;color:var(--ks-text-hi);text-decoration:none;transition:all .18s ease}.ks-live-link:hover{border-color:var(--ks-iris);color:var(--ks-iris);transform:translateY(-1px)}.ks-publish-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:linear-gradient(135deg,var(--ks-iris),var(--ks-purple));color:#ffffff;border:none;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px var(--ks-iris-glow);transition:all .2s cubic-bezier(.16,1,.3,1)}.ks-publish-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px var(--ks-iris-glow);filter:brightness(1.06)}.ks-publish-btn:active:not(:disabled){transform:scale(.97)}.ks-publish-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ks-content{flex:1;padding:32px 36px 64px}.ks-toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:16px;margin-bottom:24px;font-size:13.5px;font-weight:600;animation:ks-slide-down .25s ease-out}.ks-toast-success{background:rgba(16,185,129,.12);color:#059669;border:1px solid rgba(16,185,129,.25)}@media (prefers-color-scheme:dark){.ks-toast-success{background:rgba(16,185,129,.18);color:#34d399;border-color:rgba(16,185,129,.35)}}.ks-toast-error{background:rgba(239,68,68,.12);color:#dc2626;border:1px solid rgba(239,68,68,.25)}@keyframes ks-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ks-columns{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:40px;align-items:start}.ks-columns.ks-columns-wide{grid-template-columns:minmax(0,1fr)}.ks-pane-left{gap:28px;min-width:0}.ks-pane-left,.ks-preview-wrap{display:flex;flex-direction:column}.ks-preview-wrap{position:sticky;top:96px;align-items:center;gap:14px}.ks-phone-device{width:100%;max-width:340px;background:#110e19;border-radius:46px;padding:10px;box-shadow:var(--ks-shadow-phone);border:2px solid rgba(255,255,255,.14);position:relative;overflow:hidden}.ks-phone-device:before{content:"";position:absolute;top:-80px;left:-80px;width:250px;height:250px;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 60%);pointer-events:none;z-index:25;border-radius:50%}.ks-phone-inner{background:var(--ks-bg);border-radius:38px;overflow:hidden;position:relative;height:640px;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.4)}.ks-phone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:100px;height:24px;background:#000000;border-radius:999px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.ks-notch-camera{width:10px;height:10px;border-radius:50%;background:#161823;border:1.5px solid #232738}.ks-notch-sensor{width:6px;height:6px;border-radius:50%;background:#0c0d13}.ks-phone-status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 6px;font-size:11px;font-weight:700;color:var(--ks-text-hi);z-index:20}.ks-phone-screen{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 14px 24px;position:relative;scrollbar-width:thin}.ks-phone-footer-pill{font-size:11px;font-weight:700;color:var(--ks-text-low);display:flex;align-items:center;gap:6px}.ks-card{background:var(--ks-surface);border:1px solid var(--ks-border);border-radius:24px;padding:28px;box-shadow:var(--ks-shadow-sm);transition:box-shadow .2s ease,border-color .2s ease}.ks-card:hover{box-shadow:var(--ks-shadow-md);border-color:rgba(100,84,240,.22)}.ks-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.ks-card-title{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--ks-text-hi)}.ks-card-subtitle{font-size:13.5px;color:var(--ks-text-low);margin:4px 0 0;line-height:1.5}.ks-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.ks-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ks-text-mid);display:flex;align-items:center;justify-content:space-between}.ks-label-hint{font-weight:500;color:var(--ks-text-low);font-size:11px;text-transform:none;letter-spacing:normal}.ks-input,.ks-select,.ks-textarea{width:100%;padding:14px 18px;border-radius:16px;border:1.5px solid var(--ks-border);background:var(--ks-surface-elevated);color:var(--ks-text-hi);font-family:var(--font-sans);font-size:14.5px;font-weight:500;outline:none;transition:all .18s ease}.ks-input:focus,.ks-select:focus,.ks-textarea:focus{border-color:var(--ks-border-focus);box-shadow:0 0 0 4px var(--ks-iris-light)}.ks-input[readonly]{background:var(--ks-surface-hover);color:var(--ks-text-low);cursor:not-allowed}.ks-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;font-size:13.5px;font-weight:600;color:var(--ks-text-mid)}.ks-switch input{position:absolute;opacity:0;width:0;height:0}.ks-switch-track{width:44px;height:24px;background:var(--ks-border);border-radius:999px;position:relative;transition:background-color .2s ease;flex-shrink:0}.ks-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#ffffff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .2s cubic-bezier(.16,1,.3,1)}.ks-switch input:checked+.ks-switch-track{background:var(--ks-iris)}.ks-switch input:checked+.ks-switch-track .ks-switch-thumb{transform:translateX(20px)}.ks-link-list{display:flex;flex-direction:column;gap:12px}.ks-link-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:20px;background:var(--ks-surface);border:1px solid var(--ks-border);transition:all .18s ease}.ks-link-card:hover{border-color:var(--ks-iris);transform:translateY(-1px);box-shadow:var(--ks-shadow-sm)}.ks-link-grip{display:flex;flex-direction:column;gap:3px;color:var(--ks-text-low);opacity:.6;cursor:grab}.ks-link-icon-box{width:44px;height:44px;border-radius:14px;background:var(--ks-iris-light);color:var(--ks-iris);display:grid;place-items:center;flex-shrink:0;font-size:18px}.ks-link-info{flex:1;min-width:0}.ks-link-title{font-size:14.5px;font-weight:700;margin:0;color:var(--ks-text-hi)}.ks-link-title,.ks-link-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ks-link-url{font-size:12px;color:var(--ks-text-low);margin:2px 0 0}.ks-link-controls{display:flex;align-items:center;gap:10px}.ks-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:1px solid var(--ks-border);background:var(--ks-surface-elevated);color:var(--ks-text-mid);cursor:pointer;transition:all .16s ease}.ks-icon-btn:hover:not(:disabled){border-color:var(--ks-iris);color:var(--ks-iris);background:var(--ks-iris-light)}.ks-icon-btn:disabled{opacity:.35;cursor:not-allowed}.ks-inbox-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ks-question-card{padding:24px;border-radius:22px;background:var(--ks-surface);border:1px solid var(--ks-border);margin-bottom:16px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease}.ks-question-card:hover{border-color:var(--ks-iris);box-shadow:var(--ks-shadow-sm)}.ks-question-top{display:flex;align-items:center;justify-content:space-between}.ks-question-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--ks-iris-light);color:var(--ks-iris)}.ks-question-badge.answered{background:rgba(16,185,129,.12);color:#059669}.ks-question-text{font-size:16px;font-weight:700;line-height:1.45;color:var(--ks-text-hi);margin:0}.ks-question-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--ks-border-subtle)}.ks-inbox-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.ks-inbox-filter-btn{padding:8px 16px;border-radius:999px;border:1px solid var(--ks-border);background:var(--ks-surface);color:var(--ks-text-mid);font-size:13px;font-weight:600;cursor:pointer;transition:all .16s ease}.ks-inbox-filter-btn:hover{border-color:var(--ks-iris);color:var(--ks-iris);background:var(--ks-iris-light)}.ks-inbox-filter-btn[aria-pressed=true]{background:var(--ks-iris);color:#ffffff;border-color:var(--ks-iris);box-shadow:0 2px 8px var(--ks-iris-glow)}.ks-answer-bubble{background:var(--ks-surface-hover);border:1.5px solid var(--ks-border);border-left:4px solid var(--ks-iris);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;margin-top:6px}.ks-answer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ks-answer-creator{display:flex;align-items:center;gap:10px}.ks-answer-tag{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ks-iris);background:var(--ks-iris-light);padding:3px 9px;border-radius:999px;border:1px solid var(--ks-border)}.ks-answer-body{font-size:15px;line-height:1.55;color:var(--ks-text-hi);margin:0;white-space:pre-wrap;font-weight:500}.ks-answer-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--ks-border-subtle);font-size:12px;color:var(--ks-text-low);flex-wrap:wrap;gap:12px}.ks-answer-profile-visibility{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.ks-answer-toggle-label{font-size:13px;font-weight:700;color:var(--ks-text-hi);letter-spacing:-.01em}.ks-visibility-pill{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;transition:all .2s ease;letter-spacing:.02em;display:inline-flex;align-items:center}.ks-visibility-pill.shown{background:var(--ks-iris-light);color:var(--ks-iris);border:1px solid rgba(99,102,241,.25)}.ks-visibility-pill.hidden{background:var(--ks-surface);color:var(--ks-text-low);border:1px solid var(--ks-border)}.ks-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.ks-theme-card{display:flex;flex-direction:column;padding:12px;border-radius:20px;background:var(--ks-surface);border:2px solid var(--ks-border);cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.ks-theme-card:hover{transform:translateY(-2px);border-color:var(--ks-iris);box-shadow:var(--ks-shadow-md)}.ks-theme-card[aria-pressed=true]{border-color:var(--ks-iris);box-shadow:0 0 0 3px var(--ks-iris-glow)}.ks-theme-swatch{height:100px;border-radius:14px;margin-bottom:12px;position:relative;overflow:hidden}.ks-theme-name{font-size:14px;font-weight:700;color:var(--ks-text-hi)}@media (max-width:1100px){.ks-columns{grid-template-columns:minmax(0,1fr)}.ks-preview-wrap{display:none}}@media (max-width:820px){.ks-studio-shell{flex-direction:column}.ks-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--ks-border)}.ks-sidebar-nav{display:flex;flex-direction:row;overflow-x:auto;gap:8px;padding:12px 16px}.ks-nav-group-label{display:none}.ks-nav-group{flex-direction:row;gap:8px}.ks-nav-item{width:auto;white-space:nowrap;padding:8px 14px}.ks-sidebar-footer{display:none}.ks-topbar{padding:14px 18px}.ks-content{padding:20px 18px 48px}}@media(max-width:620px){.ks-topbar{flex-wrap:wrap;gap:12px}.ks-topbar-left,.ks-topbar-right{flex:1 1 100%;min-width:0}.ks-topbar-right{flex-wrap:wrap}.ks-sidebar-nav{scrollbar-width:none}.ks-sidebar-nav::-webkit-scrollbar{display:none}}