:root{--bg0: #07070b;--bg1: #0d0d12;--bg2: #14141c;--bg3: #1c1c26;--bg4: #262633;--bd: #ffffff0e;--bd2: #ffffff18;--bd3: #ffffff26;--tx0: #f5f5f8;--tx1: #a0a0b0;--tx2: #5a5a68;--ac: #6366f1;--ac2: #8b5cf6;--ac3: #06b6d4;--accent2: #a78bfa;--ach: #4f46e5;--acl: rgba(99, 102, 241, .08);--acg: rgba(99, 102, 241, .22);--gr: #10b981;--rd: #f43f5e;--or: #f97316;--yw: #f59e0b;--pu: #a78bfa;--r4: 4px;--r6: 6px;--r8: 8px;--r10: 10px;--r12: 12px;--r14: 14px;--r16: 16px;--r20: 20px;--r24: 24px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--sp-32: 128px;--ts-xs: 11px;--ts-sm: 12px;--ts-base: 13px;--ts-md: 14px;--ts-lg: 16px;--ts-xl: 18px;--ts-2xl: 22px;--ts-3xl: 28px;--ts-4xl: 36px;--ts-5xl: 48px;--ts-6xl: 60px;--ts-7xl: 72px;--th: 52px;--lw: 52px;--sw: 228px;--rw: 320px;--container: 1180px;--mono: "JetBrains Mono", monospace;--sans: "Inter", system-ui, sans-serif;--display: "Syne", "Inter", system-ui, sans-serif;--sh-sm: 0 1px 2px rgba(0,0,0,.3);--sh-md: 0 4px 12px rgba(0,0,0,.35);--sh-lg: 0 12px 32px rgba(0,0,0,.45);--sh-xl: 0 24px 64px rgba(0,0,0,.55);--sh-2xl: 0 32px 96px rgba(0,0,0,.6);--sh-glow-ac: 0 0 32px rgba(99, 102, 241, .4), 0 8px 24px rgba(99, 102, 241, .2);--sh-glow-ac2: 0 0 32px rgba(139, 92, 246, .4), 0 8px 24px rgba(139, 92, 246, .2);--sh-glow-soft: 0 0 0 1px rgba(99, 102, 241, .12), 0 8px 32px rgba(0,0,0,.4);--g-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--g-aurora: linear-gradient(135deg, #6366f1 0%, #8b5cf6 40%, #ec4899 80%, #f59e0b 100%);--g-violet: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c4b5fd 100%);--g-cyan: linear-gradient(135deg, #06b6d4 0%, #6366f1 100%);--g-mesh: radial-gradient(at 20% 20%, rgba(99, 102, 241, .15) 0px, transparent 50%), radial-gradient(at 80% 30%, rgba(139, 92, 246, .12) 0px, transparent 50%), radial-gradient(at 50% 80%, rgba(6, 182, 212, .08) 0px, transparent 50%);--g-card: linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 100%);--g-text: linear-gradient(135deg, #f5f5f8 0%, #a78bfa 100%);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--d-fast: .15s;--d-base: .25s;--d-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg0);color:var(--tx0);font-family:var(--sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{cursor:pointer;font-family:inherit;background:none;border:none;color:inherit;outline:none;transition:all .15s cubic-bezier(.4,0,.2,1)}input,textarea,select{font-family:inherit;color:inherit;background:none;outline:none;border:none}input:focus,textarea:focus,select:focus{border-color:var(--ac)!important}svg{display:block;flex-shrink:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--bd3);border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#fff3}::-webkit-scrollbar-track{background:transparent}.app-page{height:calc(100% - var(--th));overflow:auto;background:var(--bg0)}.panel{background:var(--bg1);border:1px solid var(--bd);border-radius:var(--r8);transition:border-color .2s ease}.panel:hover{border-color:var(--bd2)}.btn{height:30px;border:1px solid var(--bd2);border-radius:var(--r6);padding:0 10px;background:var(--bg3);color:var(--tx0);transition:all .15s cubic-bezier(.4,0,.2,1)}.btn:hover{border-color:var(--bd3);background:var(--bg4);transform:translateY(-1px)}.btn-primary{background:var(--ac);border-color:var(--ac);box-shadow:0 0 #5b6af000}.btn-primary:hover{background:var(--ach);border-color:var(--ach);box-shadow:0 4px 16px #5b6af040}.badge-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.pulse{box-shadow:0 0 color-mix(in srgb,var(--gr) 50%,transparent);animation:pulse 1.3s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--gr) 45%,transparent)}to{box-shadow:0 0 0 8px transparent}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-shell{min-height:100%;display:grid;place-items:center;background:radial-gradient(ellipse 60% 50% at 70% 30%,rgba(99,102,241,.15),transparent 60%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(139,92,246,.1),transparent 60%),var(--bg0);padding:32px;position:relative;overflow:hidden}.auth-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}::selection{background:#5b6af04d;color:var(--tx0)}.resize-handle{width:6px;cursor:col-resize;background:transparent;border-right:1px solid var(--bd);border-left:1px solid var(--bd);flex-shrink:0;transition:background .15s ease;position:relative}.resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:24px;border-radius:1px;background:var(--bd2);opacity:0;transition:opacity .2s ease}.resize-handle:hover{background:var(--acl)}.resize-handle:hover:after{opacity:1}@media(max-width:768px){body{overflow:auto!important}.topbar{grid-template-columns:1fr auto!important}.topbar__nav{display:none!important}.workspace-layout{flex-direction:column!important}aside{width:100%!important;min-width:unset!important;border-left:none!important;border-top:1px solid var(--bd)!important}.settings-layout{grid-template-columns:1fr!important;padding:0 16px 60px!important}.settings-content{margin-left:0!important;margin-top:12px}.share-panel-aside{width:min(400px,92vw)!important}.canvas-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}}.welcome-modal-overlay{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:1000;padding:16px}.welcome-modal{background:var(--bg1);border:1px solid var(--bd2);border-radius:12px;padding:28px;max-width:520px;width:100%;position:relative}.welcome-modal--v2{max-width:560px}.welcome-modal__close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--tx1);font-size:20px;cursor:pointer}.welcome-modal__header h2{margin:0 0 6px;font-size:22px}.welcome-modal__header p{margin:0 0 20px;color:var(--tx1)}.welcome-modal__steps{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.welcome-modal__step{display:flex;align-items:center;gap:10;font-size:14px}.welcome-modal__step-number{width:24px;height:24px;border-radius:50%;background:var(--ac);display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.welcome-modal__samples h3{margin:0 0 12px;font-size:14px}.welcome-modal__sample-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.welcome-modal__sample-card{background:var(--bg2);border:1px solid var(--bd2);border-radius:8px;padding:10px 12px;cursor:pointer;text-align:left;transition:border-color .15s;display:flex;flex-direction:column;gap:4px}.welcome-modal__sample-card:hover{border-color:var(--ac)}.welcome-modal__sample-label{font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px}.welcome-modal__sample-badge{display:inline-block;padding:1px 7px;border-radius:999px;background:#7c3aed2e;border:1px solid rgba(124,58,237,.4);color:#c7b5ff;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.welcome-modal__sample-desc{font-size:11px;color:var(--tx1)}.welcome-modal__sample-loading{font-size:11px;color:var(--ac)}.welcome-modal__skip{margin-top:0;background:none;border:none;color:var(--tx1);font-size:12px;cursor:pointer;text-decoration:underline;padding:0;margin-left:auto}.welcome-modal__dots{display:flex;gap:6px;justify-content:center;margin-bottom:22px}.welcome-modal__dot{width:8px;height:8px;border-radius:50%;background:var(--bd3);border:none;cursor:pointer;padding:0;transition:all .2s ease;flex-shrink:0}.welcome-modal__dot--active{width:22px;border-radius:4px;background:var(--ac)}.welcome-modal__slide{display:flex;flex-direction:column}.welcome-modal__slide-badge{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--acg);color:var(--ac);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;align-self:flex-start}.welcome-modal__slide-title{font-size:22px;font-weight:700;margin:0 0 8px}.welcome-modal__slide-body{margin:0 0 20px;color:var(--tx1);font-size:14px;line-height:1.55}.welcome-modal__features{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.welcome-modal__feature-card{display:flex;align-items:flex-start;gap:12px;background:var(--bg3);border:1px solid var(--bd2);border-radius:8px;padding:11px 14px}.welcome-modal__feature-icon{font-size:20px;flex-shrink:0;margin-top:1px}.welcome-modal__feature-label{font-size:13px;font-weight:600;margin-bottom:2px}.welcome-modal__feature-desc{font-size:12px;color:var(--tx1)}.welcome-modal__tips{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:8px}.welcome-modal__tip{display:flex;align-items:flex-start;gap:10px;font-size:13px;background:var(--bg3);border-radius:6px;padding:9px 12px;color:var(--tx0)}.welcome-modal__tip-icon{font-size:15px;flex-shrink:0}.welcome-modal__nav{display:flex;align-items:center;margin-top:4px;gap:8px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.suggestion-chip{background:var(--bg2);border:1px solid var(--bd2);border-radius:20px;padding:5px 12px;font-size:12px;cursor:pointer;transition:border-color .15s;color:inherit}.suggestion-chip:hover{border-color:var(--ac);color:var(--ac)}.empty-chat-panel{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px;gap:10px}.empty-chat-panel__icon{font-size:36px}.empty-chat-panel__title{font-size:16px;font-weight:600;margin:0}.empty-chat-panel__body{font-size:13px;color:var(--tx1);margin:0;max-width:280px}.empty-chat-panel__cta{margin-top:8px;background:var(--ac);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:13px;cursor:pointer}.onboarding-progress{background:var(--bg1);border:1px solid var(--bd2);border-radius:8px;padding:12px 14px;margin:10px}.onboarding-progress__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.onboarding-progress__title{font-size:12px;font-weight:600}.onboarding-progress__dismiss{background:none;border:none;color:var(--tx1);cursor:pointer;font-size:16px}.onboarding-progress__bar-track{height:4px;background:var(--bd);border-radius:2px;margin-bottom:10px}.onboarding-progress__bar-fill{height:4px;background:var(--ac);border-radius:2px;transition:width .3s}.onboarding-progress__steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.onboarding-progress__step{display:flex;align-items:flex-start;gap:8px;font-size:12px}.onboarding-progress__step--done{opacity:.6;text-decoration:line-through}.onboarding-progress__step-icon{width:18px;height:18px;border-radius:50%;background:var(--bd2);display:grid;place-items:center;font-size:10px;flex-shrink:0;font-weight:700}.onboarding-progress__step--done .onboarding-progress__step-icon{background:var(--gr)}.onboarding-progress__step-text{display:flex;flex-direction:column;gap:2px}.onboarding-progress__step-hint{color:var(--tx1);font-size:11px}.error-bubble{display:flex;align-items:flex-start;gap:8px;background:color-mix(in srgb,#f87171 15%,var(--bg1));border:1px solid color-mix(in srgb,#f87171 40%,transparent);border-radius:8px;padding:8px 10px;font-size:13px;max-width:90%}.error-bubble__icon{flex-shrink:0}.error-bubble__message{flex:1;color:#f87171}.error-bubble__retry{flex-shrink:0;background:none;border:1px solid #f87171;border-radius:6px;color:#f87171;font-size:12px;padding:2px 8px;cursor:pointer}.error-bubble__retry:hover{background:color-mix(in srgb,#f87171 15%,transparent)}.mobile-notice{display:none}@media(max-width:640px){.mobile-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px 24px;text-align:center;background:var(--bg0);gap:12px}.mobile-notice__icon{font-size:40px}.mobile-notice__title{font-size:20px;font-weight:700;margin:0}.mobile-notice__body{font-size:14px;color:var(--tx1);margin:0;max-width:300px}}.auth-card{width:min(420px,100%);background:var(--bg2);border:1px solid var(--bd2);border-radius:var(--r16);padding:28px;box-shadow:var(--sh-xl);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0;background:var(--g-card);pointer-events:none}.auth-card>*{position:relative;z-index:1}.auth-title{font-size:var(--ts-2xl);font-weight:700;margin-bottom:8px;font-family:var(--display);letter-spacing:-.02em}.auth-sub{color:var(--tx1);margin-bottom:20px;font-size:var(--ts-md);line-height:1.55}.auth-group{margin-bottom:14px}.auth-label{display:block;color:var(--tx1);margin-bottom:6px;font-size:var(--ts-sm);font-weight:500}.auth-input,.auth-select{width:100%;height:40px;border:1px solid var(--bd2);border-radius:var(--r8);padding:0 12px;background:var(--bg1);font-size:var(--ts-md);transition:border-color var(--d-fast) var(--ease-out),box-shadow var(--d-fast) var(--ease-out)}.auth-input:focus,.auth-select:focus{border-color:var(--ac)!important;box-shadow:0 0 0 3px var(--acl)}.auth-actions{display:grid;gap:10px;margin-top:18px}.auth-row{display:flex;justify-content:space-between;align-items:center}.auth-link{color:#93c5fd;text-decoration:none}.auth-link:hover{color:#bfdbfe}.auth-error{color:var(--rd);margin-bottom:8px}.auth-success{color:var(--gr);margin-bottom:8px}.ai-message-body{font-size:13px;line-height:1.6;color:var(--tx0)}.ai-message-body p{margin:0 0 6px}.ai-message-body p:last-child{margin-bottom:0}.ai-message-body ul,.ai-message-body ol{padding-left:18px;margin:4px 0 6px}.ai-message-body li{margin-bottom:2px}.ai-message-body strong{font-weight:600;color:var(--tx0)}.ai-message-body em{font-style:italic;color:var(--tx1)}.ai-message-body code{font-family:var(--mono);font-size:11px;background:var(--bg3);border:1px solid var(--bd2);border-radius:3px;padding:1px 4px}.ai-message-body pre{background:var(--bg0);border:1px solid var(--bd2);border-radius:6px;padding:10px 12px;overflow-x:auto;margin:6px 0}.ai-message-body pre code{background:none;border:none;padding:0;font-size:11px}.ai-message-body h1,.ai-message-body h2,.ai-message-body h3{font-weight:600;margin:8px 0 4px;line-height:1.3}.ai-message-body h1{font-size:15px}.ai-message-body h2{font-size:14px}.ai-message-body h3{font-size:13px;color:var(--tx1)}.ai-message-body blockquote{border-left:3px solid var(--ac);padding-left:10px;margin:6px 0;color:var(--tx1)}.ai-message-body a{color:var(--ac);text-decoration:underline}.ai-message-body hr{border:none;border-top:1px solid var(--bd);margin:8px 0}.mono{font-family:var(--mono)}.workspace-switcher{display:flex;flex-direction:column;gap:2px;padding:0 8px}.ws-section-label{font-size:10px;font-weight:600;color:var(--tx2, #666);text-transform:uppercase;letter-spacing:.08em;padding:0 8px 4px}.ws-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:8px;border:none;background:transparent;color:var(--tx1);font-size:13px;cursor:pointer;text-align:left;transition:background .12s,color .12s;overflow:hidden}.ws-item:hover{background:var(--bg3);color:var(--tx0)}.ws-item--active{background:var(--bg3)!important;color:var(--tx0)!important;font-weight:600}.ws-icon{font-size:14px;flex-shrink:0}.ws-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-add-btn{margin-top:6px;display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;border-radius:8px;border:1px dashed var(--bd2);background:transparent;color:var(--tx2, #888);font-size:12px;cursor:pointer;transition:border-color .12s,color .12s}.ws-add-btn:hover{border-color:var(--ac);color:var(--ac)}.ws-create-form{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding:0 2px}.ws-create-input{background:var(--bg2);border:1px solid var(--bd2);border-radius:6px;padding:6px 10px;font-size:12px;color:var(--tx0);outline:none;width:100%;box-sizing:border-box}.ws-create-input:focus{border-color:var(--ac)}.ws-create-btn{padding:5px 10px;border-radius:6px;border:none;background:var(--ac);color:#fff;font-size:12px;cursor:pointer}.ws-create-cancel{padding:5px 10px;border-radius:6px;border:1px solid var(--bd2);background:transparent;color:var(--tx1);font-size:12px;cursor:pointer}.ws-create-error{font-size:11px;color:var(--rd, #f87171);padding:2px}.ds-mesh-bg{position:relative;background:var(--bg0);overflow:hidden}.ds-mesh-bg:before{content:"";position:absolute;inset:0;background:var(--g-mesh);pointer-events:none;z-index:0}.ds-mesh-bg>*{position:relative;z-index:1}.ds-grid-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,#000 30%,transparent 100%);pointer-events:none}.ds-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;animation:orbFloat 20s var(--ease-in-out) infinite}.ds-orb--ac{background:radial-gradient(circle,var(--ac) 0%,transparent 70%)}.ds-orb--ac2{background:radial-gradient(circle,var(--ac2) 0%,transparent 70%)}.ds-orb--ac3{background:radial-gradient(circle,var(--ac3) 0%,transparent 70%)}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.95)}}.ds-container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--sp-6)}.ds-section{position:relative;padding:var(--sp-24) 0}.ds-section--sm{padding:var(--sp-16) 0}.ds-section--lg{padding:var(--sp-32) 0 var(--sp-24)}.ds-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--acl);border:1px solid var(--acg);border-radius:999px;font-size:var(--ts-xs);font-weight:600;color:var(--accent2);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ds-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ac);box-shadow:0 0 8px var(--ac)}.ds-h-display{font-family:var(--display);font-weight:800;font-size:clamp(40px,6vw,var(--ts-7xl));line-height:1.02;letter-spacing:-.04em;color:var(--tx0);margin:0}.ds-h1{font-family:var(--display);font-weight:700;font-size:clamp(32px,4.5vw,var(--ts-5xl));line-height:1.08;letter-spacing:-.03em;margin:0}.ds-h2{font-family:var(--display);font-weight:700;font-size:clamp(26px,3vw,var(--ts-4xl));line-height:1.15;letter-spacing:-.025em;margin:0}.ds-h3{font-weight:600;font-size:var(--ts-xl);line-height:1.3;letter-spacing:-.01em;margin:0}.ds-lead{font-size:var(--ts-lg);line-height:1.65;color:var(--tx1);max-width:640px}.ds-text-muted{color:var(--tx1)}.ds-text-subtle{color:var(--tx2)}.ds-gradient-text{background:var(--g-aurora);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease-in-out infinite}.ds-gradient-text--violet{background:var(--g-violet);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}.ds-card{position:relative;background:var(--bg2);border:1px solid var(--bd2);border-radius:var(--r16);padding:var(--sp-6);transition:transform var(--d-base) var(--ease-out),border-color var(--d-base) var(--ease-out),box-shadow var(--d-base) var(--ease-out),background var(--d-base) var(--ease-out);overflow:hidden}.ds-card:before{content:"";position:absolute;inset:0;background:var(--g-card);pointer-events:none;border-radius:inherit}.ds-card>*{position:relative;z-index:1}.ds-card--hover:hover{transform:translateY(-4px);border-color:var(--acg);box-shadow:var(--sh-lg),0 0 0 1px #6366f126;background:var(--bg3)}.ds-card--glow{position:relative}.ds-card--glow:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--ac),var(--ac2),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--d-base) var(--ease-out);pointer-events:none}.ds-card--glow:hover:after{opacity:1}.ds-card--featured{background:linear-gradient(180deg,rgba(99,102,241,.08),rgba(139,92,246,.04) 60%,transparent);border:1px solid var(--acg);box-shadow:var(--sh-glow-soft)}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:44px;padding:0 var(--sp-5);border-radius:var(--r10);font-family:var(--sans);font-weight:600;font-size:var(--ts-md);letter-spacing:-.005em;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--d-fast) var(--ease-out);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.ds-btn--primary{background:var(--g-primary);color:#fff;box-shadow:0 4px 14px #6366f159,inset 0 1px #ffffff2e}.ds-btn--primary:hover{transform:translateY(-1px);box-shadow:var(--sh-glow-ac),inset 0 1px #ffffff40;filter:brightness(1.08)}.ds-btn--primary:active{transform:translateY(0)}.ds-btn--ghost{background:#ffffff0a;color:var(--tx0);border:1px solid var(--bd2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ds-btn--ghost:hover{background:#ffffff14;border-color:var(--bd3);transform:translateY(-1px)}.ds-btn--outline{background:transparent;color:var(--tx0);border:1px solid var(--bd3)}.ds-btn--outline:hover{border-color:var(--ac);color:var(--ac);background:var(--acl)}.ds-btn--lg{height:52px;padding:0 var(--sp-6);font-size:var(--ts-lg);border-radius:var(--r12)}.ds-btn--sm{height:36px;padding:0 var(--sp-4);font-size:var(--ts-sm);border-radius:var(--r8)}.ds-btn--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s var(--ease-out)}.ds-btn--primary:hover:before{left:100%}.ds-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);background:var(--bg3);border:1px solid var(--bd2);border-radius:999px;font-size:var(--ts-xs);font-weight:500;color:var(--tx1);transition:all var(--d-fast) var(--ease-out)}.ds-chip--accent{background:var(--acl);border-color:var(--acg);color:var(--accent2)}.ds-icon-tile{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--r12);background:var(--g-primary);color:#fff;box-shadow:0 8px 24px #6366f159,inset 0 1px #fff3;transition:transform var(--d-base) var(--ease-out),box-shadow var(--d-base) var(--ease-out)}.ds-card--hover:hover .ds-icon-tile{transform:scale(1.08) rotate(-3deg);box-shadow:0 12px 32px #6366f180,inset 0 1px #ffffff4d}.ds-icon-tile--violet{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 8px 24px #8b5cf659,inset 0 1px #fff3}.ds-icon-tile--cyan{background:var(--g-cyan);box-shadow:0 8px 24px #06b6d459,inset 0 1px #fff3}.ds-icon-tile--amber{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 8px 24px #f59e0b59,inset 0 1px #fff3}.ds-icon-tile--emerald{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 8px 24px #10b98159,inset 0 1px #fff3}.ds-divider{height:1px;background:linear-gradient(90deg,transparent,var(--bd2) 20%,var(--bd2) 80%,transparent);border:none;margin:var(--sp-12) 0}.ds-stack{display:flex;flex-direction:column;gap:var(--sp-4)}.ds-stack--lg{gap:var(--sp-6)}.ds-stack--xl{gap:var(--sp-8)}.ds-row{display:flex;align-items:center;gap:var(--sp-3)}.ds-row--lg{gap:var(--sp-5)}.ds-grid{display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ds-grid--3{grid-template-columns:repeat(3,1fr)}.ds-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.ds-grid--3,.ds-grid--4{grid-template-columns:1fr}}.ds-bento{display:grid;gap:var(--sp-4);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(180px,auto)}.ds-bento>*{grid-column:span 3}.ds-bento--wide{grid-column:span 4!important}.ds-bento--tall{grid-row:span 2}.ds-bento--full{grid-column:span 6!important}@media(max-width:900px){.ds-bento{grid-template-columns:1fr}.ds-bento>*,.ds-bento--wide,.ds-bento--full{grid-column:span 1!important}}@keyframes dsReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ds-reveal{animation:dsReveal var(--d-slow) var(--ease-out) both}.ds-spotlight{position:relative}.ds-spotlight:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(600px circle at var(--mx, 50%) var(--my, 50%),rgba(99,102,241,.08),transparent 40%);opacity:0;transition:opacity var(--d-base) var(--ease-out);pointer-events:none;z-index:0}.ds-spotlight:hover:before{opacity:1}@keyframes dsShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ds-skeleton{background:linear-gradient(90deg,var(--bg2) 0%,var(--bg3) 50%,var(--bg2) 100%);background-size:200% 100%;animation:dsShimmer 1.5s var(--ease-in-out) infinite;border-radius:var(--r6)}