@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#0b1422;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}.page-shell{overflow:hidden}.container{width:min(1160px,100% - 48px);margin:0 auto}.display{letter-spacing:-.06em;font-family:Space Grotesk,sans-serif}.eyebrow{color:#4766f7;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.button{border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1c2a4025}.button span{align-items:center;line-height:1;display:inline-flex;transform:translateY(-1px)}.button--dark{color:#fff;background:#0c1420}.button--light{color:#111b28;background:#fff}.button--blue{color:#fff;background:#4968f7}@media (width<=700px){.container{width:min(100% - 32px,560px)}}.hero{background:radial-gradient(circle at 73% 42%,#e9eeff 0,#fff 37%);min-height:670px;position:relative}.site-header{justify-content:space-between;align-items:center;height:86px;display:flex;position:relative}.brand{letter-spacing:-.08em;font-size:26px;font-weight:700}.brand i{color:#4766f7;font-style:normal}.nav{align-items:center;gap:34px;font-size:12px;font-weight:500;display:flex}.nav a{transition:color .2s;position:relative}.nav a:hover{color:#4766f7}.header-actions{align-items:center;gap:26px;font-size:12px;display:flex}.header-actions .button{padding:11px 17px}.menu-toggle{background:0 0;font-size:24px;display:none}.hero-grid{grid-template-columns:.83fr 1.17fr;align-items:center;min-height:582px;display:grid}.hero-copy{z-index:2;padding-bottom:24px;position:relative}.hero h1{max-width:530px;margin:0 0 22px;font-size:clamp(64px,7vw,92px);line-height:.88;animation:.7s cubic-bezier(.22,1,.36,1) both headline-in}.hero h1 span{color:#4766f7}.hero-description{color:#475367;max-width:360px;font-size:15px;line-height:1.48;animation:.7s .12s both fade-up}.hero-actions{align-items:center;gap:20px;margin:25px 0 22px;display:flex}.watch-link{color:#334052;align-items:center;gap:10px;font-size:12px;display:flex}.play{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex;box-shadow:0 4px 13px #25324d1c}.watch-link:hover .play{transform:scale(1.12)}.play:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #152131;margin-left:2px}.proof{color:#5c6675;align-items:center;gap:12px;font-size:11px;display:flex}.avatars{display:flex}.avatar{color:#fff;background:#d8c4ae;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-right:-5px;font-size:9px;font-weight:700;transition:transform .2s;display:flex}.avatar:nth-child(2){background:#64788a}.avatar:nth-child(3){background:#9e6e52}.avatar:nth-child(4){background:#3d5366}.stars{color:#142033;letter-spacing:1px;font-size:12px}.hero-visual{height:500px;position:relative}.visual-glow{background:radial-gradient(#ccd7ff 0,#edf1ff 42%,#0000 70%);position:absolute;inset:10% 0 0}.mascot{z-index:2;background:#fffdf6;border:7px solid #0d1724;border-radius:30px 44px 48px 40px;width:155px;height:175px;animation:4s ease-in-out infinite mascot-float;position:absolute;top:43%;left:34%;transform:rotate(29deg);box-shadow:0 20px 34px #6475bd26}.mascot:before,.mascot:after{content:"";background:#0d1724;border-radius:50%;width:14px;height:19px;position:absolute;top:57px}.mascot:before{left:44px}.mascot:after{right:35px}.mascot-eye{background:#0d1724;border-radius:50%;width:16px;height:22px;position:absolute;top:112px;left:62px}.mascot-arm{background:#0d1724;border-radius:20px;width:16px;height:62px;position:absolute;top:75px;left:-23px;transform:rotate(-25deg)}.mascot-arm:after{content:"";background:#0d1724;border-radius:50%;width:25px;height:25px;position:absolute;bottom:-5px;left:-5px}.float-card{background:#fff;border:1px solid #d5dcfb;border-radius:13px;width:202px;padding:13px;transition:box-shadow .25s,transform .25s;position:absolute;box-shadow:0 18px 32px #536dce20}.float-card--top{animation:5s ease-in-out infinite card-drift;top:7%;right:12%;transform:rotate(4deg)}.float-card--bottom{animation:5.5s ease-in-out .4s infinite reverse card-drift;bottom:10%;left:8%;transform:rotate(-8deg)}.float-image{background:linear-gradient(135deg,#b3c2ff,#eff2ff);border-radius:7px;height:72px;margin-bottom:10px;position:relative;overflow:hidden}.float-image:after{content:"";border-bottom:33px solid #506ce2;border-left:31px solid #0000;width:50px;position:absolute;bottom:8px;left:45px}.float-image:before{content:"";background:#7489f3;border-radius:50%;width:17px;height:17px;position:absolute;top:16px;left:23px}.float-card strong{font-size:13px;display:block}.float-card small{color:#8390aa;font-size:10px}.code-chip{color:#fff;background:#4968f7;border-radius:9px;margin-top:10px;padding:8px 12px;font-size:11px;font-weight:700;transition:background .2s,transform .2s;display:inline-block}.scribble{color:#141d2c;font-family:Comic Sans MS,cursive;font-size:14px;line-height:1.15;position:absolute;transform:rotate(-5deg)}.scribble--top{width:110px;top:8%;left:2%}.scribble--right{top:28%;right:0}.scribble--bottom{width:100px;bottom:7%;right:10%}.feature-strip{border-top:1px solid #eef0f5;border-bottom:1px solid #eef0f5;grid-template-columns:repeat(4,1fr);padding:25px 0;display:grid}.feature{text-align:center;border-right:1px solid #eef0f5;flex-direction:column;align-items:center;gap:8px;padding:0 28px;transition:transform .25s;display:flex}.feature:last-child{border:0}.feature-icon{color:#4766f7;background:#e7edff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:background .25s,transform .25s;display:flex}.feature strong{font-size:14px}.feature p{color:#697487;max-width:130px;margin:-2px 0 0;font-size:12px;line-height:1.35}.library{background:#eef2ff;padding:68px 0 0}.library-grid{grid-template-columns:.7fr 1.3fr;align-items:center;gap:54px;display:grid}.section-title{margin:14px 0;font-size:34px;line-height:1.07}.section-copy{color:#4c596d;max-width:330px;font-size:14px;line-height:1.45}.library-screen{background:#fff;border-radius:14px 14px 0 0;grid-template-columns:118px 1fr;min-height:300px;padding-top:18px;display:grid;overflow:hidden;box-shadow:0 12px 35px #7785b32b}.screen-side{border-right:1px solid #f0f1f6;padding:8px 13px}.screen-logo{margin-bottom:25px;font-size:19px;font-weight:700}.side-link{color:#647084;border-radius:7px;margin:5px 0;padding:8px 5px;font-size:10px;display:block}.side-link.active{color:#4766f7;background:#eaf0ff}.screen-main{padding:8px 15px}.search{color:#9aa3b2;background:#f6f7fa;border-radius:20px;padding:9px 14px;font-size:9px}.screen-heading{justify-content:space-between;align-items:center;margin:16px 0 12px;display:flex}.screen-heading strong{font-size:14px}.mini-button{color:#fff;background:#4968f7;border-radius:8px;padding:7px 10px;font-size:9px}.filters{gap:6px;display:flex}.filter{color:#687388;background:#f5f6fa;border-radius:20px;padding:6px 9px;font-size:8px}.filter.active{color:#4766f7;background:#dce5ff}.card-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.pick-card{border:1px solid #edf0f5;border-radius:8px;min-height:80px;padding:8px}.pick-preview{background:#f2f5ff;border-radius:5px;justify-content:center;align-items:center;height:39px;margin-bottom:7px;display:flex}.pick-preview:before{content:"";background:#111c2c;border-radius:4px;width:58px;height:12px}.pick-card:nth-child(2) .pick-preview:before{background:linear-gradient(90deg,#91a7ff 35%,#d8dffd 35%)}.pick-card:nth-child(3) .pick-preview:before{background:#d9e0f9;width:68px}.pick-card span{color:#1c2635;font-size:9px;font-weight:700;display:block}.pick-card small{color:#9aa3b2;font-size:8px}.workflow{padding:66px 0}.workflow-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;display:grid}.workflow-art{height:230px;position:relative}.art-card{background:linear-gradient(135deg,#4666f5,#7c96ff);border-radius:18px;width:165px;height:125px;position:absolute;top:35px;left:50px;transform:rotate(5deg);box-shadow:0 18px 30px #4968f740}.art-card:after{content:"";background:#dfe5ff;border-radius:5px;width:105px;height:42px;position:absolute;top:30px;left:22px}.workflow .mascot{transform-origin:0 0;top:75px;left:95px;transform:rotate(28deg)scale(.72)}.checklist{gap:14px;margin:30px 0 0;padding:0;list-style:none;display:grid}.checklist li{align-items:center;gap:12px;font-size:13px;display:flex}.check{color:#4766f7;background:#e6edff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.testimonials{text-align:center;background:#fafbfe;padding:58px 0 54px}.testimonials .section-title{margin:10px 0 4px}.testimonials-subtitle{color:#697487;font-size:13px}.testimonial-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:27px;display:grid}.testimonial{background:#fff;border:1px solid #e7eaf1;border-radius:13px;padding:18px}.testimonial-top{align-items:center;gap:11px;display:flex}.testimonial .avatar{flex:none;width:35px;height:35px;margin:0}.quote{margin:15px 0 10px;font-size:13px;line-height:1.4}.person{font-size:11px;font-weight:700}.role{color:#8993a5;margin-top:3px;font-size:10px;display:block}.final-cta{color:#fff;text-align:center;background:#0b1421;border-radius:18px;max-width:1160px;margin:0 auto;padding:38px 50px;position:relative;overflow:hidden}.final-cta:after{content:"";opacity:.5;background:radial-gradient(circle,#4566f7 0,#0000 65%);width:180px;height:180px;position:absolute;top:-60px;right:-35px}.final-cta h2{z-index:1;margin:0 0 5px;font-size:35px;position:relative}.final-cta p{color:#bdc6d5;z-index:1;margin:0 0 20px;font-size:13px;position:relative}.site-footer{justify-content:space-between;align-items:center;padding:27px 0;display:flex}.footer-copy{color:#657084;font-size:11px}.footer-nav{gap:23px;font-size:11px;display:flex}@media (width<=900px){.hero-grid,.library-grid,.workflow-grid{grid-template-columns:1fr;gap:34px}.hero{min-height:auto}.hero-copy{padding:55px 0 0}.hero-visual{height:420px}.library{padding-top:50px}.library-copy{text-align:center}.library-copy .section-copy{margin:0 auto 22px}.feature{padding:0 12px}.final-cta{border-radius:0;margin:0}}@media (width<=650px){.nav,.header-actions>a:first-child{display:none}.menu-toggle{display:block}.header-actions{gap:10px}.hero h1{font-size:65px}.feature-strip,.testimonial-grid{grid-template-columns:1fr 1fr}.feature:nth-child(2){border:0}.feature{margin:10px 0}.library-screen{grid-template-columns:87px 1fr}.screen-side{padding:8px}.card-grid{grid-template-columns:1fr 1fr}.card-grid .pick-card:nth-child(3){display:none}.workflow-grid{gap:15px}.final-cta{padding:35px 20px}.final-cta h2{font-size:30px}.site-footer{flex-direction:column;align-items:flex-start;gap:20px}.footer-nav{flex-wrap:wrap}}.pick-card{transition:box-shadow .25s,transform .25s}.pick-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #6475bd20}.testimonial{transition:box-shadow .25s,transform .25s}.testimonial:hover{transform:translateY(-4px);box-shadow:0 12px 26px #334b7d14}.feature{transition:transform .25s}.feature:hover{transform:translateY(-5px)}.feature-icon{transition:background .25s,transform .25s}.feature:hover .feature-icon{background:#d5e0ff;transform:rotate(-6deg)scale(1.08)}.hero h1{animation:.7s cubic-bezier(.22,1,.36,1) both headline-in}.hero-description{animation:.7s .12s both fade-up}.mascot{animation:4s ease-in-out infinite mascot-float}.float-card--top{animation:5s ease-in-out infinite card-drift}.float-card--bottom{animation:5.5s ease-in-out .4s infinite reverse card-drift}.float-card{transition:box-shadow .25s}.float-card:hover{box-shadow:0 22px 40px #536dce38}.code-chip{transition:background .2s,transform .2s}.code-chip:hover{background:#304ed8;transform:translateY(-2px)}.nav a{position:relative}.nav a:after{content:"";transform-origin:100%;background:#4766f7;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-8px;left:0;transform:scaleX(0)}.nav a:hover:after{transform-origin:0;transform:scaleX(1)}.avatars:hover .avatar{transform:translateY(-3px)}.avatars:hover .avatar+.avatar{transform:translate(2px,-5px)}@keyframes headline-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mascot-float{0%,to{margin-top:0}50%{margin-top:-8px}}@keyframes card-drift{0%,to{margin-top:0}50%{margin-top:-7px}}@media (width<=650px){.hero h1{letter-spacing:-.075em;font-size:clamp(54px,14vw,68px);line-height:.9}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.scroll-progress{pointer-events:none;z-index:100;height:3px;position:fixed;inset:0 0 auto}.scroll-progress span{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#4968f7,#91a7ff);height:100%;display:block}.has-scroll-reveal [data-reveal]{opacity:0;transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);transform:translateY(34px)}.has-scroll-reveal [data-reveal=scale]{transform:translateY(24px)scale(.97)}.has-scroll-reveal [data-reveal].is-visible{opacity:1;transform:translate(0,0)scale(1)}.has-scroll-reveal [data-reveal].is-visible .feature{animation:.7s cubic-bezier(.22,1,.36,1) both reveal-child}.has-scroll-reveal [data-reveal].is-visible .feature:nth-child(2){animation-delay:70ms}.has-scroll-reveal [data-reveal].is-visible .feature:nth-child(3){animation-delay:.14s}.has-scroll-reveal [data-reveal].is-visible .feature:nth-child(4){animation-delay:.21s}@keyframes reveal-child{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.has-scroll-reveal [data-reveal]{opacity:1;transform:none}.scroll-progress{display:none}}.play:after{display:none}.app-icon{vertical-align:middle;flex:none;display:inline-block}.button .app-icon{margin-left:2px}.play .app-icon{color:#152131}.stars{align-items:center;gap:2px;display:inline-flex}.screen-side .side-link,.screen-heading button,.search,.checklist .check,.upgrade-button,.dashboard-help,.dashboard-nav-link,.dashboard-search,.dashboard-add-button,.view-button,.picks-meta button,.favorite-button,.card-more,.demo-button,.demo-input,.demo-nav,.demo-card b{align-items:center;gap:6px;display:inline-flex}.screen-side .side-link{display:flex}.check{line-height:1}.dashboard-nav-link .app-icon{color:currentColor}.theme-toggle .app-icon,.favorite-button .app-icon{display:block}.macbook-stage{filter:drop-shadow(0 25px 28px #536dce20);perspective:1400px;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .65s;position:relative;transform:rotateY(-5deg)rotateX(2deg)}.macbook-stage:hover{filter:drop-shadow(0 34px 35px #536dce3b);transform:rotateY(-1deg)rotateX(1deg)translateY(-7px)}.macbook-lid{background:linear-gradient(145deg,#f7f9fc,#cbd3df 68%,#aeb8c7);border:1px solid #aab5c5;border-radius:15px 15px 7px 7px;padding:26px 12px 12px;position:relative;box-shadow:inset 0 1px #fff,inset 0 -8px 18px #70809a30}.macbook-lid:after{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff90,#0000 30%);position:absolute;inset:0}.macbook-camera{z-index:1;background:#273449;border:2px solid #8996a9;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.macbook-screen{z-index:1;position:relative}.macbook-lid .library-screen{border-radius:5px;min-height:300px;box-shadow:0 2px 8px #00000035}.macbook-base{background:linear-gradient(#9daabd,#e6ebf2 15%,#b3bdcc 56%,#8996a9);border-radius:0 0 7px 7px;height:13px;margin:0 -25px;position:relative}.macbook-base:before{content:"";background:linear-gradient(#8492a7,#cbd3df);border-radius:0 0 8px 8px;width:54%;height:5px;position:absolute;top:0;left:23%}.macbook-base:after{content:"";background:#7f8da1;border-radius:0 0 7px 7px;height:4px;position:absolute;bottom:-3px;left:9%;right:9%}.macbook-shadow{filter:blur(12px);z-index:-1;background:#4d60952e;border-radius:50%;width:84%;height:24px;position:absolute;bottom:-28px;left:8%}.macbook-lid .screen-side{background:#fbfcff}.macbook-lid .side-link{color:#53627a;font-weight:500}.macbook-lid .side-link.active{color:#2746c0;background:#dce5ff;font-weight:700}.macbook-lid .screen-main{color:#17243a}.macbook-lid .search{color:#66748a;background:#f0f3f8}.macbook-lid .pick-card{background:#fff;border-color:#dfe5ef}.macbook-lid .pick-card span{color:#17243a}.macbook-lid .pick-card small{color:#75839a}@media (width<=900px){.macbook-stage{transform:none}.macbook-stage:hover{transform:translateY(-4px)}}@media (width<=650px){.macbook-lid{padding:23px 7px 7px}.macbook-lid .library-screen{min-height:250px}.macbook-base{margin:0 -14px}}.brand-image{width:148px;height:44px;display:block}.brand-image img{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-artwork{object-fit:contain;width:112%;max-width:780px;max-height:520px;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s;animation:.9s 80ms both artwork-in;display:block}.hero-artwork:hover{filter:drop-shadow(0 18px 25px #4c65c52c);transform:translateY(-7px)rotate(1deg)}.workflow-art{background:#090e19;border-radius:24px;height:auto;min-height:290px;overflow:hidden;box-shadow:0 18px 40px #0b142122}.workflow-artwork{object-fit:cover;width:100%;height:100%;min-height:290px;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s;display:block}.workflow-art:hover .workflow-artwork{filter:brightness(1.08);transform:scale(1.035)}.final-cta{text-align:left;justify-content:space-between;align-items:center;min-height:215px;display:flex;overflow:hidden}.final-copy{z-index:1;padding-left:16px;position:relative}.cta-artwork{object-fit:contain;z-index:0;align-self:flex-end;max-width:46%;margin:-18px -25px -55px auto;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block;position:relative;right:-3%;transform:translate(8%)}.final-cta:hover .cta-artwork{transform:translate(5%,-5px)rotate(-1deg)}.final-cta{background:linear-gradient(110deg,#080f1a,#0c1523 58%,#101a2c);min-height:220px}.final-copy{text-align:center;z-index:1;width:max-content;margin:0;padding-left:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-scribble{color:#c7cfdf;letter-spacing:.01em;text-align:left;text-shadow:0 1px 1px #08101d;z-index:1;font-family:Comic Sans MS,Bradley Hand,cursive;font-size:16px;font-weight:700;line-height:1.14;position:absolute;top:30%;left:8%;transform:rotate(-7deg)}.cta-scribble svg{fill:none;stroke:#aeb9cd;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:72px;height:62px;margin-top:2px;margin-left:48px;display:block;overflow:visible;transform:rotate(2deg)}.final-cta:after{background:radial-gradient(circle,#4566f7 0,#0000 67%);top:-45%;right:-5%}@keyframes artwork-in{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.hero h1 .hero-letter{display:inline-block}.hero h1 .hero-line--letter-wave{animation:none}.hero h1 .hero-line--letter-wave .hero-letter{animation:.65s cubic-bezier(.22,1,.36,1) both letter-wave}@keyframes letter-wave{0%{opacity:0;transform:translateY(-24px)rotate(-5deg)}55%{opacity:1;transform:translateY(7px)rotate(2deg)}78%{transform:translateY(-3px)rotate(-1deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.hero h1 .hero-line--letter-wave .hero-letter{animation:none}}.nav{position:relative}@media (width<=650px){.nav{z-index:10;background:#fff;border:1px solid #e7eaf1;border-radius:14px;flex-direction:column;gap:0;padding:8px;display:none;position:absolute;top:72px;left:0;right:0;box-shadow:0 15px 30px #1c2a4017}.nav.is-open{display:flex}.nav a{border-radius:9px;width:100%;padding:12px}.nav a:after{display:none}.menu-toggle{color:#0b1422;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}}.cute-cursor{pointer-events:none;z-index:9999;width:1px;height:1px;position:fixed;top:0;left:0}.cute-cursor-dot{object-fit:contain;width:34px;height:34px;transition:transform .2s;animation:1.8s ease-in-out infinite cursor-float;display:block;position:absolute;top:0;left:0}.cute-cursor.is-hovering .cute-cursor-dot{transform:scale(.9)rotate(7deg)}.cute-cursor.is-clicking .cute-cursor-dot{transform:scale(1.25)}@keyframes cursor-pulse{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}@keyframes cursor-float{0%,to{margin-top:0}50%{margin-top:-3px}}@media (pointer:fine){body,a,button{cursor:none}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.cute-cursor{display:none}body,a,button{cursor:auto}}.dashboard-shell{color:#101a2a;background:#f7f8fc;min-height:100vh;display:flex}@media (width<=760px){.dashboard-shell .dashboard-sidebar{min-width:200px;flex-basis:200px!important}}@media (width<=560px){.dashboard-shell .dashboard-sidebar{min-width:0;padding:14px}}.dashboard-shell .dashboard-toolbar{display:none}.dashboard-shell .category-row{border-bottom:0;margin-top:42px}.dashboard-shell .picks-meta{margin-top:48px}.dashboard-shell,.dashboard-shell *{cursor:auto!important}.dashboard-shell .dashboard-heading{position:relative}.dashboard-hero-art{width:300px;height:190px;margin:-18px 9% 0 auto;position:relative}.dashboard-mascot{background:#fffdf6;border:7px solid #0b1422;border-radius:28px 40px 42px 34px;width:104px;height:112px;position:absolute;top:35px;left:62px;transform:rotate(28deg);box-shadow:0 18px 30px #42599920}.dashboard-mascot:before,.dashboard-mascot:after{content:"";background:#0b1422;border-radius:50%;width:10px;height:13px;position:absolute;top:37px}.dashboard-mascot:before{left:29px}.dashboard-mascot:after{right:23px}.dashboard-mascot i{background:#0b1422;border-radius:50%;width:19px;height:19px;position:absolute;bottom:-26px}.dashboard-mascot i:first-child{left:14px}.dashboard-mascot i:last-child{right:10px}.dashboard-hero-spark{color:#4968f7;font-size:28px;position:absolute;top:30px;left:29px;transform:rotate(12deg)}.dashboard-hero-note{color:#61708c;font-family:Comic Sans MS,cursive;font-size:13px;line-height:1.2;position:absolute;top:20px;right:0;transform:rotate(5deg)}@media (width<=900px){.dashboard-hero-art{transform-origin:100%;margin-right:0;transform:scale(.85)}}@media (width<=760px){.dashboard-hero-art{display:none}}.theme-toggle{color:#526079;background:#f1f4fa;border:1px solid #e1e6ef;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .2s,color .2s,transform .2s;display:flex}.theme-toggle:hover{transform:translateY(-2px)}.dashboard-shell.is-dark .dashboard-sidebar{color:#9eabc0;border-color:#202e44;background:#101a2b!important}.dashboard-shell.is-dark .dashboard-sidebar .dashboard-nav-link.is-active{color:#dfe7ff;background:#1c2d4d}.dashboard-shell.is-dark .dashboard-sidebar .dashboard-nav-label{color:#65758f}.dashboard-shell.is-dark .dashboard-search{color:#8292ac;background:#172338;border-color:#2a3a53}.dashboard-shell.is-dark .dashboard-search input{color:#edf2fb}.dashboard-shell.is-dark .dashboard-search kbd{color:#aab8d0;background:#22314a}.dashboard-shell.is-dark .theme-toggle{color:#f1d779;background:#22314a;border-color:#30425e}.dashboard-shell.is-dark .top-divider{background:#2a3a53}.dashboard-shell.is-dark .dashboard-heading p,.dashboard-shell.is-dark .picks-meta>span{color:#8d9bb2}.dashboard-shell.is-dark .category-chip.is-selected{color:#9eb1ff;box-shadow:inset 0 -2px #6c85ff}.dashboard-shell.is-dark .category-chip span{background:#263965}.dashboard-shell.is-dark .picks-meta button{color:#8998b0}.dashboard-shell.is-dark .picks-meta button b{color:#d8e0ee}.dashboard-shell.is-dark .dashboard-pick-card{background:#121e31;border-color:#263750}.dashboard-shell.is-dark .pick-type,.dashboard-shell.is-dark .dashboard-pick-card footer small{color:#8291a9}.dashboard-shell:not(.is-dark),.dashboard-shell:not(.is-dark) .dashboard-main{background:#f8f9fc}.dashboard-shell .dashboard-main .dashboard-content{padding-top:42px}.dashboard-shell .dashboard-heading h1{letter-spacing:-.075em;margin-bottom:15px;font-size:clamp(40px,4vw,54px);line-height:1}.dashboard-shell .dashboard-heading p{color:#7d899d;font-size:13px}.dashboard-shell .category-row{gap:8px;margin-top:34px}.dashboard-shell .category-chip{box-shadow:none;color:#69768b;background:#eef1f6;border-radius:9px;padding:10px 14px}.dashboard-shell .category-chip.is-selected{box-shadow:none;color:#3f5ee4;background:#e5ebff}.dashboard-shell .picks-meta{margin:42px 0 15px}.dashboard-shell .picks-meta strong{font-size:18px}.dashboard-shell .dashboard-pick-card{border-color:#e4e8f0;box-shadow:0 2px 4px #1b2a4610}.dashboard-shell .dashboard-pick-card:hover{box-shadow:0 12px 28px #273b6817}.dashboard-shell .dashboard-hero-art{display:none}.dashboard-shell.is-dark{color:#f4f6fb;background:#07090d}.dashboard-shell.is-dark .dashboard-sidebar{border-color:#1b2029;background:#0b0d12!important}.dashboard-shell.is-dark .dashboard-topbar{background:#0b0d12;border-color:#1b2029}.dashboard-shell.is-dark .dashboard-search{background:#11151d;border-color:#252c38}.dashboard-shell.is-dark .dashboard-search kbd{background:#1d2430}.dashboard-shell.is-dark .dashboard-pick-card{background:#101319;border-color:#252b35;box-shadow:0 2px 5px #00000040}.dashboard-shell.is-dark .dashboard-pick-card:hover{border-color:#536fff;box-shadow:0 16px 30px #0005}.dashboard-shell.is-dark .pick-canvas{background:#171b23}.dashboard-shell.is-dark .demo-card,.dashboard-shell.is-dark .demo-profile{background:#1d222b;border-color:#363d49}.dashboard-shell.is-dark .demo-input{background:#151a22;border-color:#424c5d}.dashboard-shell .dashboard-sidebar .dashboard-brand{flex-direction:row;justify-content:flex-start;align-items:center;display:flex!important}.dashboard-shell .dashboard-sidebar .dashboard-brand-icon,.dashboard-shell .dashboard-sidebar .dashboard-brand-wordmark{flex:none}.dashboard-shell .dashboard-sidebar{min-width:220px;padding:20px 13px;flex-basis:220px!important}.dashboard-shell .dashboard-main .dashboard-topbar{padding-left:38px}.dashboard-shell .dashboard-main .dashboard-content{padding-left:38px;padding-right:38px}@media (width<=760px){.dashboard-shell .dashboard-sidebar{min-width:200px;flex-basis:200px!important}}@media (width<=560px){.dashboard-shell .dashboard-sidebar{min-width:0;padding:14px}}.dashboard-shell .dashboard-sidebar{flex-basis:240px;padding:22px 16px}.dashboard-shell .dashboard-sidebar .dashboard-brand{gap:9px;height:42px;margin:0 6px 38px}.dashboard-shell .dashboard-sidebar .dashboard-brand-icon{width:40px;height:40px}.dashboard-shell .dashboard-sidebar .dashboard-nav-link{gap:12px;margin:4px 0;padding:11px 10px;font-size:14px}.dashboard-shell .dashboard-main .dashboard-topbar{height:76px;padding:0 44px}.dashboard-shell .dashboard-main .dashboard-content{max-width:none;padding:38px 44px 64px}.dashboard-shell .dashboard-main .dashboard-heading{padding-top:0}.dashboard-shell .dashboard-main .dashboard-heading h1{font-size:clamp(42px,4vw,58px)}.dashboard-shell .dashboard-main .dashboard-toolbar{margin-top:22px}@media (width<=760px){.dashboard-shell .dashboard-sidebar{flex-basis:205px}.dashboard-shell .dashboard-main .dashboard-topbar{padding:0 24px}.dashboard-shell .dashboard-main .dashboard-content{padding-left:24px;padding-right:24px}}@media (width<=560px){.dashboard-shell .dashboard-sidebar{padding:16px}.dashboard-shell .dashboard-sidebar .dashboard-brand{margin-bottom:16px}.dashboard-shell .dashboard-sidebar .dashboard-brand-icon{width:36px;height:36px}.dashboard-shell .dashboard-sidebar .dashboard-brand-wordmark{width:80px;height:25px}.dashboard-shell .dashboard-main .dashboard-topbar{padding:16px}}.dashboard-sidebar{color:#647084;background:#fff;border-right:1px solid #e8ebf2}.dashboard-sidebar .dashboard-brand img{filter:none}.dashboard-sidebar .dashboard-nav-label{color:#a1aaba}.dashboard-sidebar .dashboard-nav-link{color:#6b778b}.dashboard-sidebar .dashboard-nav-link b{color:#a1aaba}.dashboard-sidebar .dashboard-nav-link:hover,.dashboard-sidebar .dashboard-nav-link.is-active{color:#3454dc;background:#eef2ff}.dashboard-sidebar .dashboard-nav-link.is-active{box-shadow:inset 3px 0 #4968f7}.dashboard-sidebar .dashboard-icon--spark:before{color:#4968f7}.dashboard-sidebar .storage-label{color:#9aa5b6}.dashboard-sidebar .storage-label strong{color:#596579}.dashboard-sidebar .storage-bar{background:#e8ebf2}.dashboard-sidebar .upgrade-button{color:#4968f7;background:#eef2ff}.dashboard-sidebar .dashboard-help{color:#8b97a8}.dashboard-sidebar{flex-basis:274px;padding:28px 26px 22px}.dashboard-brand{align-items:center;gap:10px;width:auto;height:52px;margin:0 6px 52px;display:flex}.dashboard-brand-icon{object-fit:cover;border-radius:50%;width:52px;height:52px;display:block}.dashboard-brand-wordmark{object-fit:contain;object-position:left center;width:102px;height:34px;display:block}.dashboard-nav-link{gap:15px;margin:6px 0;padding:13px 15px;font-size:15px}.dashboard-nav-link.is-active{box-shadow:none;color:#142d92;background:#e9eeff}.dashboard-icon{transform:scale(1.05)}.dashboard-icon--home{border:2px solid;border-radius:3px;width:12px;height:12px;margin:2px}.dashboard-icon--home:before{content:"";border-top:2px solid;border-left:2px solid;width:9px;height:9px;position:absolute;top:-5px;left:0;transform:rotate(45deg)}.dashboard-content{padding-top:52px}.dashboard-topbar{background:#fff;height:86px;padding:0 clamp(22px,4vw,64px)}.topbar-search{max-width:620px}.dashboard-heading{padding-top:28px}.dashboard-heading h1{font-size:clamp(45px,5vw,66px)}.dashboard-toolbar{justify-content:flex-end;margin-top:26px}.dashboard-top-actions .dashboard-add-button{margin:0}@media (width<=560px){.dashboard-sidebar{padding:16px}.dashboard-brand{margin-bottom:16px}.dashboard-brand-icon{width:42px;height:42px}.dashboard-brand-wordmark{width:92px;height:28px}.dashboard-topbar{height:auto;padding:16px}.topbar-search{width:100%;max-width:none}.dashboard-top-actions{display:none}}.dashboard-sidebar{color:#aeb8c9;background:#0c1422;flex-direction:column;flex:0 0 238px;min-height:100vh;padding:27px 16px 20px;display:flex}.dashboard-brand{width:116px;height:39px;margin:0 10px 32px;display:block}.dashboard-brand img{filter:brightness(0)invert();object-fit:contain;object-position:left center;width:100%;height:100%}.workspace-switcher{background:#172234;border:1px solid #28364b;border-radius:12px;align-items:center;gap:9px;padding:10px;display:flex}.workspace-avatar,.user-avatar{color:#101a2a;background:#f1d8c6;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex}.workspace-switcher strong,.workspace-switcher small{display:block}.workspace-switcher strong{color:#f5f7fb;font-size:11px}.workspace-switcher small{color:#718097;margin-top:3px;font-size:9px}.workspace-chevron{color:#8592a6;margin-left:auto;font-size:16px}.dashboard-nav{margin-top:29px}.dashboard-nav-label{color:#627188;letter-spacing:.1em;text-transform:uppercase;margin:0 10px 10px;font-size:9px;font-weight:700;display:block}.dashboard-nav-label--spaced{margin-top:29px}.dashboard-nav-link{color:#aeb8c9;border-radius:9px;align-items:center;gap:12px;margin:3px 0;padding:11px 10px;font-size:13px;transition:background .2s,color .2s,transform .2s;display:flex}.dashboard-nav-link span{flex:1}.dashboard-nav-link b{color:#718097;font-size:10px;font-weight:500}.dashboard-nav-link:hover,.dashboard-nav-link.is-active{color:#fff;background:#1f2e47;transform:translate(2px)}.dashboard-nav-link.is-active{box-shadow:inset 3px 0 #4968f7}.dashboard-icon{opacity:.82;flex:0 0 16px;width:16px;height:16px;display:inline-block;position:relative}.dashboard-icon--grid{background:radial-gradient(circle,currentColor 1px,#0000 2px) 0 0/7px 7px}.dashboard-icon--diamond{border:1px solid;width:9px;height:9px;margin:0 3px;transform:rotate(45deg)}.dashboard-icon--spark:before{color:#8ca3ff;content:"✦";font-size:15px;position:absolute;top:-3px;left:1px}.dashboard-icon--code:before{content:"</>";font-size:10px;font-style:normal;font-weight:700;position:absolute;top:2px;left:0}.dashboard-icon--stack{border:1px solid;border-radius:2px;width:13px;height:9px;margin-top:3px}.dashboard-icon--stack:before{content:"";border:1px solid;border-radius:2px;width:13px;height:9px;position:absolute;top:-4px;left:-3px}.dashboard-icon--tag:before{content:"#";font-size:14px;position:absolute;top:-3px;left:1px}.dashboard-icon--trash{border:1px solid;border-radius:0 0 3px 3px;width:10px;height:10px;margin:3px 3px 0}.dashboard-icon--trash:before{content:"";border-top:1px solid;width:14px;position:absolute;top:-3px;left:-2px}.sidebar-bottom{margin-top:auto}.storage-label{color:#718097;justify-content:space-between;font-size:10px;display:flex}.storage-label strong{color:#dce2eb;font-weight:500}.storage-bar{background:#253348;border-radius:6px;height:5px;margin:9px 0 18px;overflow:hidden}.storage-bar span{border-radius:inherit;background:#4968f7;width:24%;height:100%;display:block}.upgrade-button{color:#dbe5ff;text-align:left;background:#1d2a41;border-radius:9px;width:100%;padding:11px;font-size:11px}.upgrade-button span{float:right}.dashboard-help{color:#718097;margin:22px 10px 0;font-size:11px;display:block}.top-icon{color:#8290a4;background:0 0;font-size:16px}.dashboard-main{flex:1;min-width:0}.dashboard-topbar{border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,4vw,64px);display:flex}.dashboard-breadcrumb{align-items:center;gap:11px;font-size:12px;display:flex}.dashboard-breadcrumb span{color:#94a0b2}.dashboard-breadcrumb b{color:#c3c9d3;font-weight:400}.dashboard-breadcrumb strong{color:#253149}.dashboard-top-actions{align-items:center;gap:14px;display:flex}.top-icon{color:#8290a4;background:0 0;width:20px;height:20px;padding:0;position:relative}.top-icon--bell:before{content:"";border:1px solid;border-radius:7px 7px 3px 3px;width:10px;height:10px;position:absolute;top:4px;left:4px}.top-icon--bell:after{content:"";border-bottom:1px solid;border-radius:50%;width:5px;height:3px;position:absolute;top:14px;left:7px}.top-icon--settings:before{content:"";border:2px dotted;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px}.top-divider{background:#e1e5ec;width:1px;height:25px}.user-avatar{background:#dce6ff;border-radius:50%;width:30px;height:30px;font-size:9px}.dashboard-content{max-width:1280px;margin:0 auto;padding:55px clamp(22px,4vw,64px) 70px}.dashboard-heading{justify-content:space-between;align-items:flex-end;display:flex}.dashboard-heading h1{margin:13px 0 12px;font-size:clamp(35px,4vw,52px);line-height:.98}.dashboard-heading h1 em{color:#4968f7;font-style:normal}.dashboard-heading p{color:#778398;margin:0;font-size:13px}.dashboard-add-button{color:#fff;background:#4968f7;border-radius:11px;padding:14px 17px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 7px 16px #4968f72e}.dashboard-add-button:hover{transform:translateY(-2px);box-shadow:0 12px 20px #4968f745}.dashboard-add-button span{color:#cbd5ff;margin-left:12px;font-size:9px;font-weight:400}.dashboard-toolbar{align-items:center;gap:12px;margin-top:42px;display:flex}.dashboard-search{color:#a3adbc;background:#fff;border:1px solid #e5e9f0;border-radius:10px;flex:1;align-items:center;gap:10px;max-width:470px;padding:11px 13px;display:flex}.dashboard-search input{color:#253149;font:inherit;background:0 0;border:0;outline:0;width:100%;font-size:12px}.dashboard-search kbd{white-space:nowrap;background:#f4f6fa;border-radius:5px;padding:4px 6px;font-size:9px}.view-toggle{margin-left:auto;display:flex}.view-button{color:#96a1b2;background:0 0;border:1px solid #e5e9f0;width:38px;height:37px;font-size:15px}.view-button:first-child{border-radius:8px 0 0 8px}.view-button:last-child{border-left:0;border-radius:0 8px 8px 0}.view-button.is-selected{color:#4968f7;background:#fff}.category-row{flex-wrap:wrap;gap:8px;margin-top:21px;display:flex}.category-chip{color:#768298;background:#edf0f6;border-radius:20px;padding:9px 13px;font-size:11px;transition:background .2s,color .2s,transform .2s}.category-chip:hover{transform:translateY(-2px)}.category-chip.is-selected{color:#4968f7;background:#dfe6ff;font-weight:700}.category-chip span{background:#cbd6fa;border-radius:9px;margin-left:7px;padding:2px 5px;font-size:9px}.picks-meta{align-items:center;gap:10px;margin:36px 0 14px;display:flex}.picks-meta strong{letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:17px}.picks-meta>span{color:#a0aabb;font-size:11px}.picks-meta button{color:#8d99ab;background:0 0;margin-left:auto;font-size:11px}.picks-meta button b{color:#253149;margin-left:5px;font-weight:600}.pick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.dashboard-pick-card{background:#fff;border:1px solid #e7eaf1;border-radius:14px;padding:10px;transition:border-color .25s,box-shadow .25s,transform .25s}.dashboard-pick-card:hover{border-color:#c8d3fa;transform:translateY(-4px);box-shadow:0 14px 30px #445b9715}.pick-card-top{justify-content:space-between;align-items:center;display:flex}.pick-type{color:#9aa5b6;text-transform:uppercase;font-size:9px}.favorite-button{color:#b6bfcc;background:0 0;padding:2px;font-size:18px;line-height:1}.favorite-button.is-favorite{color:#4968f7}.pick-canvas{background:#f5f7fc;border-radius:9px;justify-content:center;align-items:center;height:142px;margin:10px 0 12px;padding:15px;display:flex;position:relative;overflow:hidden}.pick-canvas--card{background:linear-gradient(135deg,#eef2ff,#fff)}.pick-canvas--nav{background:#0e1726}.pick-canvas--profile{background:linear-gradient(135deg,#fff5ed,#f4e2d3)}.pick-canvas--chart{background:#f0f3ff}.demo-button{color:#fff;border-radius:7px;padding:12px 16px;font-size:11px;font-weight:700;box-shadow:0 6px 12px #4968f735}.demo-button b{margin-left:8px;font-size:14px}.demo-card{background:#fff;border:1px solid #e3e8f2;border-radius:10px;flex-direction:column;gap:8px;width:78%;padding:16px;display:flex;box-shadow:0 8px 18px #6d7eaf14}.demo-card b{font-size:13px}.demo-card small{color:#9aa5b6;font-size:9px}.demo-input{color:#a4adbc;background:#fff;border:1px solid #ccd5ef;border-radius:7px;width:90%;padding:12px;font-size:10px}.demo-input b{color:#4968f7;float:right}.demo-nav{color:#fff;align-items:center;gap:13px;width:100%;font-size:10px;display:flex}.demo-nav b{color:#fff;margin-right:auto;font-size:14px}.demo-nav i{color:#96a5bd;font-style:normal}.demo-profile{background:#fff;border-radius:10px;align-items:center;gap:9px;width:90%;padding:10px;display:flex;box-shadow:0 9px 16px #855f3a20}.demo-profile>b{color:#fff;background:#4968f7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.demo-profile strong,.demo-profile small{display:block}.demo-profile strong{font-size:10px}.demo-profile small{color:#a2aabb;margin-top:3px;font-size:8px}.demo-chart{align-items:flex-end;gap:7px;height:75px;display:flex}.demo-chart i{background:#9eafff;border-radius:4px 4px 0 0;width:14px;height:30%;display:block}.demo-chart i:nth-child(2){height:55%}.demo-chart i:nth-child(3){background:#4968f7;height:78%}.demo-chart i:nth-child(4){height:48%}.demo-chart i:nth-child(5){background:#b7c4ff;height:65%}.demo-grid{grid-template-columns:1fr 1fr;gap:7px;width:90%;display:grid}.demo-grid i{background:#fff;border:1px solid #d8e0f6;border-radius:6px;height:46px}.dashboard-pick-card footer{justify-content:space-between;align-items:center;display:flex}.dashboard-pick-card footer strong,.dashboard-pick-card footer small{display:block}.dashboard-pick-card footer strong{font-size:12px}.dashboard-pick-card footer small{color:#9ba5b4;margin-top:5px;font-size:9px}.card-more{color:#adb6c4;background:0 0;font-size:13px}.empty-picks{color:#8894a7;text-align:center;padding:80px 0}.empty-picks span{font-size:28px;display:block}.empty-picks strong{color:#253149;margin-top:12px;display:block}.empty-picks p{font-size:12px}@media (width<=1050px){.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.dashboard-sidebar{flex-basis:205px}.dashboard-content{padding-top:35px}.dashboard-heading{flex-direction:column;align-items:flex-start;gap:24px}.dashboard-toolbar{margin-top:30px}.pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.dashboard-shell{display:block}.dashboard-sidebar{min-height:auto;padding:16px}.dashboard-brand{margin-bottom:16px}.dashboard-nav,.sidebar-bottom{display:none}.workspace-switcher{max-width:260px}.dashboard-topbar{height:62px;padding:0 16px}.dashboard-content{padding:30px 16px 50px}.dashboard-heading h1{font-size:37px}.dashboard-heading p{line-height:1.5}.dashboard-add-button{width:100%}.dashboard-toolbar{flex-direction:column;align-items:stretch}.dashboard-search{max-width:none}.view-toggle{margin-left:0}.picks-meta{margin-top:27px}.pick-grid{grid-template-columns:1fr}.pick-canvas{height:170px}}@media (width<=900px){.hero-artwork{width:100%}.workflow-art,.workflow-artwork{min-height:340px}.final-cta{padding:35px 25px}}@media (width<=650px){.brand-image{width:115px;height:34px}.hero-visual{height:360px}.hero-artwork{width:115%;max-height:390px}.workflow-art,.workflow-artwork{min-height:250px}.final-cta{flex-direction:column;align-items:flex-start;min-height:390px;padding:35px 20px 0}.final-copy{text-align:center;width:100%;margin:0;position:relative;top:auto;left:auto;transform:none}.cta-scribble{transform-origin:0 0;top:28px;left:22px;transform:rotate(-5deg)scale(.85)}.cta-artwork{align-self:center;width:110%;max-width:110%;margin:auto -20px -35px}}.workflow-art{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.workflow-artwork{object-fit:contain}.hero h1 .hero-line{color:#0b1422;display:block}.hero h1 .hero-line--blue{color:#4766f7}.hero h1 .hero-line--spaced{margin-top:.08em}.screen-logo{align-items:center;height:38px;margin-bottom:25px;display:flex}.screen-logo img{object-fit:contain;object-position:left center;width:104px;height:38px;display:block}.footer-logo{object-fit:contain;object-position:left center;width:112px;height:34px;margin-bottom:5px;display:block}.dashboard-shell .dashboard-sidebar{color:#647084;border-right:1px solid #e8ebf2;flex-basis:274px;padding:28px 26px 22px;background:#fff!important}.dashboard-shell .dashboard-sidebar .dashboard-brand{align-items:center;gap:10px;width:auto;height:52px;margin:0 6px 52px;display:flex}.dashboard-shell .dashboard-sidebar .dashboard-brand img{filter:none!important}.dashboard-shell .dashboard-sidebar .dashboard-brand-icon{object-fit:cover;border-radius:50%;width:52px;height:52px}.dashboard-shell .dashboard-sidebar .dashboard-brand-wordmark{object-fit:contain;object-position:left center;width:102px;height:34px}.dashboard-shell .dashboard-sidebar .dashboard-nav{margin-top:0}.dashboard-shell .dashboard-sidebar .dashboard-nav-link{color:#68758a;gap:15px;margin:6px 0;padding:13px 15px;font-size:15px}.dashboard-shell .dashboard-sidebar .dashboard-nav-link.is-active{box-shadow:none;color:#142d92;background:#e9eeff}.dashboard-shell .dashboard-sidebar .dashboard-nav-label{color:#a1aaba}.dashboard-shell .dashboard-sidebar .sidebar-bottom{display:none}.dashboard-shell{--surface:#fff;--canvas:#fafbfc;--text:#18202e;--muted:#788393;--line:#e9ecf1;--hover:#f3f5f9;--selected:#edf0ff;min-height:100vh;color:var(--text);display:flex;background:var(--canvas)!important}.dashboard-shell.is-dark{--surface:#11151d;--canvas:#0b0e15;--text:#eef2fa;--muted:#aeb7c6;--line:#343941;--hover:#20242b;--selected:#1f2e4f;color:var(--text);background:radial-gradient(circle at 78% -12%, #152033 0, transparent 34%), var(--canvas)!important}.dashboard-shell button{color:inherit;background:0 0;cursor:pointer!important}.dashboard-shell :focus-visible{outline-offset:4px;outline:2px solid #6075ed}.dashboard-shell .dashboard-sidebar{flex-direction:column;min-width:218px;display:flex;background:var(--surface)!important;border-right:1px solid var(--line)!important;flex:0 0 218px!important;padding:28px 16px!important}.dashboard-shell .dashboard-sidebar .dashboard-brand{height:36px;margin:0 12px 14px}.dashboard-shell .dashboard-sidebar .dashboard-brand-wordmark{width:100px!important;height:auto!important}.dashboard-shell.is-dark .dashboard-sidebar .dashboard-brand img{filter:brightness(0)invert()!important}.dashboard-sidebar>.library-label{margin-top:10px}.library-label{color:var(--muted);letter-spacing:.1em;margin:16px 0 10px;padding:0 12px;font-size:10px;font-weight:500;display:block}.dashboard-shell .dashboard-sidebar .dashboard-nav{gap:4px;display:grid}.dashboard-shell .dashboard-sidebar .dashboard-nav-link{text-align:left;width:100%;box-shadow:none;background:0 0;border-radius:8px;align-items:center;gap:11px;margin:0;padding:11px 12px;font-size:13px;display:flex;color:var(--muted)!important}.dashboard-shell .dashboard-sidebar .dashboard-nav-link:hover{background:var(--hover);transform:none}.dashboard-shell .dashboard-sidebar .dashboard-nav-link.is-active{background:var(--selected);box-shadow:none;color:#5268de!important}.dashboard-nav-link b{opacity:.75;margin-left:auto;font-size:11px;font-weight:500}.sidebar-folders{border-top:1px solid var(--line);margin-top:20px}.sidebar-folders button{text-align:left;width:100%;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.sidebar-folders button:hover,.sidebar-folders .is-current-folder{background:var(--hover)}.sidebar-folders .sidebar-create-collection{color:var(--text);margin-bottom:5px;font-weight:600}.sidebar-folders .saved-collection-icon{color:#728091;flex:0 0 18px}.sidebar-folders .is-current-folder .saved-collection-icon{color:#5f72ce}.sidebar-create-collection .new-collection-icon{color:#6275cf}.sidebar-folders button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-folders small{margin-left:auto}.sidebar-note{border-top:1px solid var(--line);color:var(--muted);margin:auto 12px 0;padding-top:20px;font-size:11px;line-height:1.8}.dashboard-shell .dashboard-main{flex:1;min-width:0;background:var(--canvas)!important}.dashboard-shell.is-dark .dashboard-main{background:radial-gradient(circle at 78% -12%, #121b2d 0, transparent 34%), var(--canvas)!important}.dashboard-shell .dashboard-main .dashboard-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 36px;display:flex;background:var(--surface)!important}.dashboard-shell .dashboard-search{background:linear-gradient(#fbfdff,#f7faff);border:1px solid #dce5f2;border-radius:9px;gap:10px;width:100%;max-width:590px;height:40px;margin:0;padding:0 10px 0 12px;box-shadow:inset 0 1px #fff,0 2px 6px #334d7808}.search-field-icon{color:#7e8da7;flex:0 0 17px;width:17px;height:17px;display:block}.dashboard-shell .dashboard-search input{color:var(--text);min-width:0;height:100%;font-size:12px}.dashboard-shell .dashboard-search .search-shortcut{background:0 0;flex:none;align-items:center;gap:3px;padding:0;display:flex}.dashboard-shell.is-dark .dashboard-search .search-shortcut{background:0 0}.search-shortcut span{color:#8793a8;background:#fbfdff;border:1px solid #dce5f3;border-radius:5px;place-items:center;width:20px;height:20px;font:11px DM Sans,sans-serif;display:grid;box-shadow:0 1px 2px #374b6c0a}.dashboard-shell .dashboard-search input:focus,.dashboard-shell .dashboard-search input:focus-visible{box-shadow:none;outline:0}.dashboard-search:focus-within{outline:2px solid #6075ed55}.dashboard-shell.is-dark .dashboard-search{background:#15181d;border-color:#343941;box-shadow:inset 0 1px #ffffff08,0 5px 16px #00000018}.dashboard-shell.is-dark .search-shortcut span{color:#b5bfce;background:#20242b;border-color:#3a424e}.dashboard-top-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.dashboard-shell .theme-switch{border:1px solid var(--line);background:var(--hover);width:72px;height:36px;color:var(--muted);border-radius:11px;flex-shrink:0;justify-content:space-around;align-items:center;padding:4px;display:flex;position:relative}.theme-switch svg{z-index:1;width:17px;height:17px;position:relative}.theme-switch-thumb{background:var(--surface);border-radius:8px;width:31px;height:28px;transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #18202e18}.theme-switch-sun{color:var(--text)}.is-dark .theme-switch-thumb{transform:translate(33px)}.is-dark .theme-switch-sun{color:var(--muted)}.is-dark .theme-switch-moon{color:var(--text)}.dashboard-shell .dashboard-add-button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:auto;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 2px 3px #00000004}.dashboard-shell .dashboard-add-button:hover{background:var(--hover);border-color:#aab5e3;transform:none}.dashboard-shell .dashboard-main .dashboard-content{max-width:1380px;margin:auto;padding:32px 36px 56px}.dashboard-shell .dashboard-heading{background:linear-gradient(110deg,#f7f9ff 0%,#f3f7ff 100%);border:1px solid #edf1fb;border-radius:16px;grid-template-columns:minmax(0,1fr) 350px;align-items:center;gap:18px;min-height:172px;padding:18px 24px;display:grid;overflow:hidden}.dashboard-shell.is-dark .dashboard-heading{background:linear-gradient(110deg,#15191f 0%,#20242b 100%);border-color:#343941;box-shadow:0 18px 42px #0000002e}.dashboard-heading-copy{min-width:0}.dashboard-kicker{color:#6d7cc1;letter-spacing:.13em;font-size:10px;font-weight:600}.dashboard-shell .dashboard-main .dashboard-heading h1{letter-spacing:-.055em;max-width:355px;margin:11px 0 10px;font-size:clamp(27px,2.8vw,38px);line-height:1.08}.dashboard-shell .dashboard-heading p{color:var(--muted);max-width:365px;margin:0;font-size:12px;line-height:1.75}.dashboard-art{justify-self:end;width:315px;height:150px;position:relative;overflow:hidden}.dashboard-art:before{content:"";z-index:0;background:#e5edff;border-radius:50%;width:115px;height:71px;position:absolute;top:18px;left:195px;transform:rotate(-10deg)}.dashboard-art:after{display:none}.dashboard-shell.is-dark .dashboard-art:before{background:#2b3d68}.dashboard-illustration{z-index:1;width:550px;max-width:none;height:auto;display:block;position:absolute;top:-27px;left:10px}.dashboard-shell .category-row{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 0;padding:6px;display:flex}.dashboard-shell.is-dark .category-row{background:#15181d;border-color:#343941;box-shadow:0 10px 26px #00000018}.category-tabs{align-items:center;gap:2px;min-width:0;display:flex}.dashboard-shell .category-chip{color:var(--muted);box-shadow:none;background:0 0;border-radius:7px;padding:9px 11px;font-size:12px}.dashboard-shell .category-chip:hover{background:var(--hover);transform:none}.dashboard-shell .category-chip.is-selected{background:var(--selected);color:#5369d9}.dashboard-shell .category-chip span{color:inherit;background:#6579d915}.dashboard-shell .picks-meta{flex-wrap:wrap;align-items:center;gap:10px;margin:23px 0 18px;display:flex}.dashboard-shell .picks-meta strong{letter-spacing:-.02em;font-family:inherit;font-size:14px;font-weight:600}.dashboard-shell .picks-meta>span{color:var(--muted);font-size:11px}.sort-control{border-left:1px solid var(--line);color:var(--muted);flex:none;align-items:center;gap:9px;margin-left:auto;padding-left:14px;padding-right:2px;font-size:11px;display:flex}.sort-control select{border:1px solid var(--line);background:var(--surface);font:inherit;color:var(--text);cursor:pointer;border-radius:7px;padding:8px 10px}.sort-control option{background:var(--surface)}.dashboard-shell .pick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px;display:grid}.dashboard-shell .category-row+.pick-grid{margin-top:24px}.dashboard-shell .dashboard-pick-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:relative}.dashboard-shell .dashboard-pick-card:hover{box-shadow:none;transform:none}.dashboard-shell .pick-card-top{z-index:1;position:absolute;top:10px;right:10px}.pick-card-top .pick-type{display:none}.dashboard-shell .favorite-button{color:#c3c9d2;opacity:1;background:#ffffffed;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:32px;height:32px;padding:6px;transition:color .18s,box-shadow .18s;display:grid}.dashboard-shell .favorite-button:hover{color:#7d8797;box-shadow:0 2px 8px #00000012}.dashboard-shell .favorite-button.is-favorite{color:#17202f}.favorites-icon{flex-shrink:0;display:block}.dashboard-shell .pick-canvas{aspect-ratio:1.22;background:#eef0f3;border:1px solid #00000003;border-radius:12px;height:auto;margin:0 0 13px;padding:20px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}.dashboard-shell .dashboard-pick-card:hover .pick-canvas{border-color:#a5b3e744;transform:translateY(-4px);box-shadow:0 16px 32px #27354f18}.dashboard-shell .pick-canvas--button{background:#edeff8}.dashboard-shell .pick-canvas--card{background:#f0ebe5}.dashboard-shell .pick-canvas--nav{background:#191e29}.dashboard-shell .pick-canvas--input{background:#eaf0ec}.dashboard-shell .pick-canvas--profile{background:#f2e6dd}.dashboard-shell .pick-canvas--chart{background:#e9eefa}.dashboard-shell .pick-canvas--ghost{background:#eeedf2}.dashboard-shell .pick-canvas--grid{background:#e8eeef}.dashboard-shell .pick-canvas--calendar{background:#e9ebef}.dashboard-shell .dashboard-pick-card footer{gap:8px;padding:0 2px}.dashboard-shell .dashboard-pick-card footer strong{font-size:12px;font-weight:600}.dashboard-shell .dashboard-pick-card footer small{color:var(--muted);margin-top:5px;font-size:10px}.dashboard-shell .card-more{color:#98a2b2;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.dashboard-shell .card-more:hover{background:var(--selected);color:#5369d9}.dashboard-shell.is-dark .pick-canvas{background:#191f2a;border-color:#ffffff0b;box-shadow:inset 0 1px #ffffff06,0 8px 18px #00000016}.dashboard-shell.is-dark .pick-canvas--button{background:#202d50}.dashboard-shell.is-dark .pick-canvas--card{background:#2a2427}.dashboard-shell.is-dark .pick-canvas--nav{background:#12151d}.dashboard-shell.is-dark .pick-canvas--input{background:#1a2a27}.dashboard-shell.is-dark .pick-canvas--profile{background:#2a2327}.dashboard-shell.is-dark .pick-canvas--chart{background:#1d2943}.dashboard-shell.is-dark .pick-canvas--ghost{background:#24232d}.dashboard-shell.is-dark .pick-canvas--grid{background:#1c2a2c}.dashboard-shell.is-dark .pick-canvas--calendar{background:#20242c}.dashboard-shell.is-dark .favorite-button{color:#aab8d0;background:#27344b;border-color:#40516d}.dashboard-shell.is-dark .favorite-button.is-favorite{color:#fff}.dashboard-shell.is-dark .demo-card,.dashboard-shell.is-dark .demo-profile{color:#eef2fa;background:#1d2532;border-color:#354660}.dashboard-shell.is-dark .demo-card small,.dashboard-shell.is-dark .demo-profile small{color:#91a0b8}.dashboard-shell.is-dark .demo-input{color:#91a3bd;background:#151c26;border-color:#3a4d68}.dashboard-shell.is-dark .demo-grid i{background:#202c40;border-color:#3b4b65}.dashboard-shell .demo-button{background:#596ef0;border-radius:8px;padding:12px 17px}.dashboard-shell .demo-card{width:85%}.dashboard-shell .demo-profile{width:95%}.dashboard-shell .demo-nav{gap:10px}.demo-calendar{color:#263143;text-align:left;background:#fff;border:1px solid #d7dce4;border-radius:10px;gap:8px;width:min(100%,220px);padding:15px;display:grid;box-shadow:0 10px 22px #27354f16}.demo-calendar-head{grid-template-columns:1fr 19px 19px;align-items:center;gap:3px;font-size:10px;display:grid}.demo-calendar-head i{color:#6d7787;border:1px solid #e2e6ed;border-radius:5px;place-items:center;width:19px;height:19px;font-style:normal;display:grid}.demo-calendar-week,.demo-calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.demo-calendar-week{color:#9aa3b0;font-size:7px}.demo-calendar-days i{color:#5f6b7c;border-radius:50%;place-items:center;height:19px;font-size:8px;font-style:normal;display:grid}.demo-calendar-days .is-selected{color:#fff;background:#242933}.demo-calendar small{color:#7d8797;border-top:1px solid #edf0f4;padding-top:7px;font-size:8px}.dashboard-shell .empty-picks strong{color:var(--text)}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.collection-card{text-align:left;min-width:0;position:relative}.collection-open{width:100%;color:inherit;text-align:left;padding:0;display:block}.collection-edit{z-index:2;width:30px;height:30px;color:var(--muted);opacity:0;background:#ffffffb8;border:1px solid #0000;border-radius:8px;place-items:center;transition:opacity .18s,background .18s,color .18s;display:grid;position:absolute;top:10px;right:10px}.collection-card:hover .collection-edit,.collection-card:focus-within .collection-edit{opacity:1}.collection-edit:hover{color:var(--text);background:var(--surface);border-color:var(--line)}.sidebar-folders>div:not(.library-label){border-radius:8px;align-items:center;min-width:0;display:flex;position:relative}.sidebar-folders>div:not(.library-label):hover,.sidebar-folders>div:not(.library-label).is-current-folder{background:var(--hover)}.sidebar-folders .sidebar-folder-open{background:0 0;flex:1;min-width:0;padding-right:38px}.sidebar-folders .sidebar-folder-edit{opacity:.72;background:0 0;place-items:center;width:26px;height:26px;line-height:0;display:grid;top:50%;right:5px;transform:translateY(-50%);padding:0!important}.sidebar-folders .sidebar-folder-edit:hover{transform:translateY(-50%)}.sidebar-folders .sidebar-folder-edit:active{transform:translateY(-50%)scale(.96)!important}.sidebar-folders .sidebar-folder-edit .app-icon{margin:0;display:block}.sidebar-folders>div.is-dragging,.collection-card.is-dragging,.sidebar-folders button.is-dragging{opacity:.45}.collection-color--blue{--collection-accent:#4968f7;--collection-tint:#e8edff}.collection-color--green{--collection-accent:#5f9d7e;--collection-tint:#e5f1ea}.collection-color--amber{--collection-accent:#c18b4a;--collection-tint:#f6ead8}.collection-color--rose{--collection-accent:#c46f7c;--collection-tint:#f6e4e8}.collection-color--slate{--collection-accent:#718096;--collection-tint:#e8edf2}.collection-card .folder-preview{background:var(--collection-tint)!important}.collection-card .saved-collection-icon,.sidebar-folders button .saved-collection-icon,.collection-card:hover>strong,.collection-card:focus-within>strong{color:var(--collection-accent)!important}.dashboard-shell.is-dark .collection-color--blue{--collection-accent:#8da3ff;--collection-tint:#202d50}.dashboard-shell.is-dark .collection-color--green{--collection-accent:#83c39d;--collection-tint:#1d332b}.dashboard-shell.is-dark .collection-color--amber{--collection-accent:#e0ad68;--collection-tint:#33291f}.dashboard-shell.is-dark .collection-color--rose{--collection-accent:#e29aa5;--collection-tint:#332329}.dashboard-shell.is-dark .collection-color--slate{--collection-accent:#a8b6c8;--collection-tint:#252c35}.dashboard-shell.is-dark .collection-edit{color:#b4bfce;background:#252b34;border-color:#3c4654}.dashboard-shell.is-dark .collection-edit:hover{color:#f0f3f8;background:#303946}.collection-color-picker{border:0;gap:9px;margin:18px 0 0;padding:0;display:grid}.collection-color-label{font-size:12px;font-weight:600;display:block}.collection-color-options{flex-wrap:wrap;gap:8px;display:flex}.dashboard-shell .collection-color-option{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:inline-flex}.dashboard-shell .collection-color-option.is-selected{color:var(--text);border-color:var(--collection-accent,#4968f7);background:var(--hover)}.collection-swatch{background:var(--collection-accent);width:12px;height:12px;box-shadow:0 0 0 2px var(--collection-tint);border-radius:50%;display:inline-block}.dialog-delete-button{color:#a33f4e;background:0 0;border:1px solid #d5a0a8;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;display:inline-flex}.dialog-delete-button:hover{color:#fff;background:#b84d5d;border-color:#b84d5d}.delete-confirmation{background:#b84d5d12;border:1px solid #a85f6b66;border-radius:10px;padding:14px}.dashboard-shell.is-dark .dialog-delete-button{color:#efabb5;border-color:#77414b}.dashboard-shell.is-dark .dialog-delete-button:hover{color:#fff;background:#a74455;border-color:#a74455}.collection-card>strong{overflow-wrap:anywhere;margin:15px 0 7px;font-size:15px;display:block}.collection-card>small{color:#8993a3;justify-content:space-between;display:flex}.folder-preview{color:#728091;background:#edf0fc;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:185px;padding:20px;display:flex}.folder-preview .saved-collection-icon{color:#728091;filter:drop-shadow(0 7px 8px #35405218);flex:none}.folder-preview span{color:#56627b;text-overflow:ellipsis;white-space:nowrap;background:#ffffffb8;border-radius:5px;max-width:100%;padding:5px 12px;font-size:11px;overflow:hidden}.collection-card:nth-child(3n+2) .folder-preview{color:#be9679;background:#f3e9e1}.collection-card:nth-child(3n) .folder-preview{color:#8ca77d;background:#e9efe7}.new-collection{min-height:0;color:var(--text);border:0;border-radius:0;display:block}.new-collection:hover{background:0 0}.new-collection-art{background:#0d0e11;border:1px solid #262a31;border-radius:14px;place-items:center;height:185px;transition:border-color .25s,box-shadow .25s;display:grid;overflow:hidden}.folder-artwork{width:150px;height:150px;transition:transform .35s cubic-bezier(.22,1,.36,1);display:block}.new-collection:hover .new-collection-art,.new-collection:focus-visible .new-collection-art{border-color:#7083e5;box-shadow:0 12px 26px #6578d519}.new-collection:hover .folder-artwork,.new-collection:focus-visible .folder-artwork{transform:translateY(-5px)scale(1.04)}.back-collections{color:#7c889b;margin-bottom:24px;font-size:12px}.empty-picks{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:65px 20px;display:flex}.empty-picks p{color:#8993a3;margin:0 0 12px}.library-dialog{color:#17233a;background:#fff;border:1px solid #8883;border-radius:18px;width:min(440px,100% - 32px);max-height:85vh;margin:auto;padding:28px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 30px 100px #0003}.library-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11182766}@keyframes dashboard-dialog-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes dashboard-dialog-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.99)}}@keyframes dashboard-backdrop-in{0%{opacity:0}to{opacity:1}}.library-dialog[open]{animation:.22s cubic-bezier(.22,1,.36,1) both dashboard-dialog-in}.library-dialog[open]::backdrop{animation:.22s ease-out both dashboard-backdrop-in}.library-dialog.is-closing{animation:.16s ease-in both dashboard-dialog-out}.library-dialog.is-closing::backdrop{animation:.16s ease-in reverse both dashboard-backdrop-in}.dashboard-view-enter-active,.dashboard-view-leave-active{transition:opacity .17s,transform .17s}.dashboard-view-enter-from{opacity:0;transform:translateY(8px)}.dashboard-view-leave-to{opacity:0;transform:translateY(-6px)}.library-dialog h2{letter-spacing:-.04em;margin:0 0 10px;font-size:23px}.library-dialog p{color:#8490a3;margin-bottom:22px;font-size:13px;line-height:1.6}.library-dialog form>label{margin-bottom:8px;font-size:12px;display:block}.library-dialog input[type=text],.library-dialog #folder-name{width:100%;color:inherit;background:0 0;border:1px solid #8884;border-radius:8px;padding:12px}.dialog-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;font-size:13px;display:flex}.folder-options{flex-direction:column;gap:10px;display:flex}.folder-options label{overflow-wrap:anywhere;background:#8881;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.dashboard-shell.is-dark .library-dialog{color:#eef2fa;background:#141b27;border-color:#34445d;box-shadow:0 30px 100px #00000070}.dashboard-shell.is-dark .folder-preview{background:#1c2942}.dashboard-shell.is-dark .collection-card:nth-child(3n+2) .folder-preview{background:#2a2427}.dashboard-shell.is-dark .collection-card:nth-child(3n) .folder-preview{background:#1c2a28}.dashboard-shell.is-dark .folder-preview span{color:#ccd8eb;background:#ffffff12}.dashboard-shell .collection-card,.dashboard-shell .new-collection{color:var(--text)}.dashboard-shell.is-dark .new-collection-art{background:#0b121d;border-color:#354560}.dashboard-shell .library-dialog{color:var(--text);background:var(--surface)}.dashboard-shell .dialog-actions>button:not(.dashboard-add-button){color:var(--muted);border-radius:8px;padding:10px}.dashboard-shell .dialog-actions>button:hover{background:var(--hover)}.dashboard-shell .dialog-actions{justify-content:flex-start}.dashboard-shell .dialog-actions .dashboard-add-button{margin-left:auto}.dashboard-shell .dialog-actions .dialog-delete-button:hover,.dashboard-shell.is-dark .dialog-actions .dialog-delete-button:hover{color:#fff;background:#b84d5d;border-color:#b84d5d}.new-collection-icon{flex-shrink:0;display:block}.dashboard-illustration{transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s}@media (hover:hover){.dashboard-illustration:hover{filter:drop-shadow(0 14px 15px #5b6fb015);transform:translateY(-6px)rotate(-1deg)scale(1.025)}}.dashboard-shell .dashboard-pick-card:focus-within .pick-canvas{transform:translateY(-4px);box-shadow:0 16px 32px #27354f18}.pick-canvas>span{transition:transform .45s cubic-bezier(.22,1,.36,1)}.dashboard-pick-card:hover .pick-canvas>span,.dashboard-pick-card:focus-within .pick-canvas>span{transform:translateY(-5px)scale(1.04)}.pick-canvas:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 50%,#11182738);transition:opacity .3s;position:absolute;inset:0}.dashboard-pick-card:hover .pick-canvas:after,.dashboard-pick-card:focus-within .pick-canvas:after{opacity:1}.dashboard-shell .favorite-button{border-radius:10px;transition:color .2s,background .2s,transform .2s}.dashboard-shell .favorite-button:active{transform:scale(.9)}.dashboard-shell .card-more{border:1px solid #0000}.dashboard-shell .card-more:hover{border-color:var(--line)}.dashboard-shell .dashboard-sidebar .dashboard-nav-link{transition:color .2s,background .2s}.dashboard-shell .dashboard-sidebar .dashboard-nav-link.is-active{background:linear-gradient(110deg, var(--selected), #687ce70a)}.dashboard-shell .dashboard-add-button .new-collection-icon{color:#7483c9}.dashboard-shell .dialog-actions>button{align-items:center;gap:8px;display:inline-flex}.dashboard-shell.is-dark .library-label{color:#aab8d0;letter-spacing:.11em;font-size:11px;font-weight:600}.dashboard-shell.is-dark .dashboard-sidebar .dashboard-nav-link{color:#9eabc0!important}.dashboard-shell.is-dark .dashboard-sidebar .dashboard-nav-link.is-active{background:linear-gradient(110deg,#1e2e50,#273d6a);color:#eef2fa!important}.dashboard-shell.is-dark .dashboard-nav-link b{color:#aab8d0;opacity:1}.dashboard-shell.is-dark .dashboard-nav-link.is-active b{color:#c7d2f2}.dashboard-shell.is-dark .sidebar-folders button{color:#b9c5d5}.dashboard-shell.is-dark .sidebar-folders .sidebar-create-collection,.dashboard-shell.is-dark .sidebar-folders .is-current-folder{color:#f0f3f8}.dashboard-shell.is-dark .sidebar-folders small{color:#aab8ce}.dashboard-shell.is-dark .sidebar-folders .saved-collection-icon{color:#9aabc1}.dashboard-shell.is-dark .sidebar-folders .is-current-folder .saved-collection-icon{color:#bdcaff}.dashboard-shell.is-dark .sidebar-note{color:#a8b5c8}.dashboard-shell.is-dark .category-chip{color:#bec9dc}.dashboard-shell.is-dark .category-chip:hover{color:#eef2fa;background:#1d2d4d}.dashboard-shell.is-dark .category-chip.is-selected{color:#eef2fa;box-shadow:none;background:#243862;font-weight:600}.dashboard-shell.is-dark .category-chip.is-selected span{color:#dce6ff;background:#3b5488}.dashboard-shell.is-dark .sort-control{color:#b6c2d3}.dashboard-shell.is-dark .sort-control select,.dashboard-shell.is-dark .dashboard-add-button{color:#eef2fa;background:#191c21;border-color:#343941}.dashboard-shell.is-dark .dashboard-add-button:hover{background:#223352;border-color:#4968f7}.dashboard-shell.is-dark .dashboard-add-button .new-collection-icon{color:#dbe4ff}.dashboard-shell.is-dark .card-more{color:#b5c2d4}.dashboard-shell.is-dark .card-more:hover{color:#eef2fa;background:#223352;border-color:#45628f}.dashboard-shell .sidebar-folders button,.dashboard-shell .category-chip,.dashboard-shell .dashboard-add-button,.dashboard-shell .card-more{transition:background-color .18s,color .18s,border-color .18s,transform .18s}.dashboard-shell .sidebar-folders button:active,.dashboard-shell .category-chip:active,.dashboard-shell .dashboard-add-button:active,.dashboard-shell .card-more:active{transform:scale(.97)}.dashboard-shell .dashboard-search{transition:border-color .2s,box-shadow .2s}.dashboard-shell .dashboard-search:focus-within{border-color:#8b9beb;outline:0;box-shadow:0 0 0 3px #6e80e91c}.dashboard-shell .collection-card .folder-preview{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .28s}.dashboard-shell .collection-card:hover .folder-preview,.dashboard-shell .collection-card:focus-visible .folder-preview{transform:translateY(-4px);box-shadow:0 15px 28px #27354f16}.dashboard-shell .collection-card .saved-collection-icon{transition:transform .3s cubic-bezier(.22,1,.36,1)}.dashboard-shell .collection-card:hover .saved-collection-icon,.dashboard-shell .collection-card:focus-visible .saved-collection-icon{transform:translateY(-3px)scale(1.04)}.dashboard-shell .collection-card>strong,.dashboard-shell .collection-card>small{transition:color .18s}.dashboard-shell .collection-card:hover>strong,.dashboard-shell .collection-card:focus-visible>strong{color:#5268de}.dashboard-shell.is-dark .collection-card:hover>strong,.dashboard-shell.is-dark .collection-card:focus-visible>strong{color:#b7c4ff}@media (hover:none){.dashboard-shell .dashboard-pick-card:hover .pick-canvas,.dashboard-shell .collection-card:hover .folder-preview,.dashboard-shell .collection-card:hover .saved-collection-icon{transform:none}}@media (width<=1200px){.dashboard-shell .pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.dashboard-shell .dashboard-sidebar{min-width:180px;flex-basis:180px!important;padding-inline:10px!important}.dashboard-shell .dashboard-main .dashboard-content{padding:24px}.dashboard-shell .dashboard-main .dashboard-topbar{gap:12px;padding:0 24px}.dashboard-shell .pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-shell .dashboard-heading{grid-template-columns:minmax(0,1fr) 250px;gap:12px;min-height:165px}.dashboard-art{width:250px}.dashboard-illustration{width:470px;top:-3px;left:0}.dashboard-shell .dashboard-main .dashboard-heading h1{font-size:28px}}@media (width<=600px){.dashboard-shell{display:block}.dashboard-shell .dashboard-sidebar{min-width:0;border-right:0!important;padding:18px 16px 10px!important}.dashboard-shell .dashboard-sidebar .dashboard-brand{height:26px;margin:0 8px 22px}.dashboard-sidebar>.library-label,.sidebar-folders,.sidebar-note{display:none}.dashboard-shell .dashboard-sidebar .dashboard-nav{gap:4px;display:flex}.dashboard-shell .dashboard-sidebar .dashboard-nav-link{gap:7px;padding:10px 8px;font-size:12px}.dashboard-shell .dashboard-main .dashboard-topbar{height:68px;padding:0 16px}.search-shortcut{display:none!important}.dashboard-top-actions{gap:8px}.dashboard-top-actions .dashboard-add-button{gap:0;padding:10px;font-size:0}.dashboard-shell .dashboard-main .dashboard-content{padding:24px 18px 40px}.dashboard-shell .dashboard-heading{grid-template-columns:1fr;gap:2px;padding:20px 18px}.dashboard-art{display:none}.dashboard-shell .category-row{flex-wrap:wrap;overflow:visible}.category-tabs{scrollbar-width:none;width:100%;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.dashboard-shell .category-chip{white-space:nowrap}.dashboard-shell .pick-grid{gap:24px 14px}.dashboard-shell .pick-canvas{aspect-ratio:1;padding:10px}.dashboard-shell .demo-nav{flex-wrap:wrap;gap:5px;font-size:8px}.dashboard-shell .demo-card{width:100%;padding:12px}.dashboard-shell .demo-button{padding:10px;font-size:10px}.dashboard-shell .demo-profile{gap:5px;padding:7px}.collection-grid{grid-template-columns:1fr}.sort-control{border-left:0;border-top:1px solid var(--line);justify-content:flex-end;width:100%;padding:6px 5px 1px}}@media (prefers-reduced-motion:reduce){.dashboard-shell *{transition:none!important}.dashboard-shell .dashboard-illustration,.dashboard-shell .pick-canvas,.dashboard-shell .pick-canvas>span,.dashboard-shell .folder-preview,.dashboard-shell .saved-collection-icon{transform:none!important}.library-dialog[open],.library-dialog[open]::backdrop{animation:none!important}}.dashboard-shell .pick-canvas{cursor:pointer;width:100%;color:inherit}.dashboard-shell .pick-canvas:focus-visible{outline-offset:3px}.component-detail{--detail-border:#e2e8f2;--detail-panel:#fff;--detail-soft:#f6f8fc;--detail-ink:#172236;--detail-muted:#728099;--detail-accent:#4968f7;color:var(--detail-ink)}.detail-breadcrumb{border:1px solid var(--detail-border);background:var(--detail-panel);max-width:100%;color:var(--detail-muted);border-radius:9px;flex-wrap:wrap;align-items:center;gap:2px;margin:0 0 19px;padding:4px;font-size:11px;display:inline-flex}.component-detail .detail-breadcrumb button{color:var(--detail-muted);font-size:inherit;border-radius:5px;padding:6px 8px;transition:color .2s,background-color .2s}.component-detail .detail-breadcrumb button:hover{color:var(--detail-ink);background:var(--detail-soft)}.detail-crumb-separator{color:#aab5c6;padding:0 2px;font-size:15px;line-height:1}.detail-breadcrumb strong{background:var(--detail-soft);color:var(--detail-ink);border-radius:5px;padding:6px 9px;font-weight:600}.detail-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.detail-eyebrow,.detail-panel-kicker{color:#7185c6;letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:700}.detail-heading h1{letter-spacing:-.055em;margin:7px 0 5px;font-size:clamp(29px,3vw,39px);line-height:1.12}.detail-heading p{color:var(--detail-muted);margin:0;font-size:13px;line-height:1.6}.detail-heading-actions{align-items:center;gap:9px;padding-top:10px;display:flex}.component-detail .detail-icon-button,.component-detail .detail-collection-button{border:1px solid var(--detail-border);background:var(--detail-panel);height:38px;color:var(--detail-ink);border-radius:9px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 5px #13213b08}.component-detail .detail-icon-button{color:#a3aec0;width:38px}.component-detail .detail-icon-button[aria-pressed=true]{color:#26334e}.component-detail .detail-collection-button{white-space:nowrap;gap:8px;padding:0 14px;font-size:12px;font-weight:600}.detail-heading-actions button:hover{border-color:#9eb0e9;transform:translateY(-1px)}.detail-tabs{border:1px solid var(--detail-border);background:var(--detail-soft);border-radius:10px;align-items:center;gap:3px;width:fit-content;margin-bottom:15px;padding:4px;display:inline-flex}.component-detail .detail-tabs button{min-width:92px;color:var(--detail-muted);border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.detail-tabs svg{flex:0 0 15px;width:15px;height:15px}.component-detail .detail-tabs button:hover{color:var(--detail-ink);background:var(--detail-soft)}.component-detail .detail-tabs button.is-current{background:var(--detail-panel);border-color:var(--detail-border);color:#3e58c9;box-shadow:0 2px 5px #24334f12}.component-detail .detail-tabs button.is-current:after{display:none}.detail-layout{grid-template-columns:minmax(0,1.65fr) minmax(285px,.9fr);align-items:stretch;gap:14px;display:grid}.detail-panel{border:1px solid var(--detail-border);background:var(--detail-panel);border-radius:13px;min-width:0;box-shadow:0 4px 18px #26385c07}.detail-preview-panel,.detail-customize-panel{padding:14px}.detail-panel-heading{justify-content:space-between;align-items:center;gap:12px;min-height:33px;margin-bottom:13px;display:flex}.detail-panel-heading h2,.detail-usage h2{letter-spacing:-.025em;margin:3px 0 0;font-size:15px;line-height:1.2}.detail-live-dot{color:var(--detail-muted);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.detail-live-dot:before{content:"";background:#42b78c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #42b78c22}.detail-preview-toolbar{border:1px solid var(--detail-border);border-radius:9px 9px 0 0;align-items:center;gap:10px;min-height:40px;padding:5px 7px;display:flex}.detail-viewport-group,.detail-toolbar-actions{gap:4px;display:inline-flex}.component-detail .detail-viewport-group button,.component-detail .detail-toolbar-actions button{border:1px solid var(--detail-border);width:29px;height:28px;color:var(--detail-muted);background:var(--detail-panel);border-radius:6px;place-items:center;font-size:17px;line-height:1;display:grid}.component-detail .detail-viewport-group button.is-current{color:#3256e6;background:#eef2ff;border-color:#b9c8ff}.detail-viewport-group svg{width:15px;height:15px}.detail-viewport-label{color:var(--detail-muted);text-transform:capitalize;font-size:10px}.detail-viewport-label strong{color:var(--detail-ink);text-transform:none;font-weight:600}.detail-toolbar-actions{margin-left:auto}.component-detail .detail-toolbar-actions button:hover,.component-detail .detail-viewport-group button:hover{color:var(--detail-accent);border-color:#aebef3}.detail-stage{border:1px solid var(--detail-border);background:radial-gradient(circle at 50% 15%,#fbfdff 0,#edf3ff 100%);border-top:0;border-radius:0 0 9px 9px;place-items:center;min-height:230px;padding:20px;display:grid;overflow:auto}.detail-stage--card{background:#f5f1ed}.detail-stage--nav{background:#1b202a}.detail-stage--input{background:#eaf2ed}.detail-stage--profile{background:#f3e8df}.detail-stage--chart{background:#e9effd}.detail-stage--ghost{background:#eeedf4}.detail-stage--grid{background:#eaf0f2}.detail-stage--calendar{background:#eef0f4}.detail-stage:fullscreen{min-height:100vh;padding:8vw}.detail-stage-inner{place-items:center;width:min(100%,640px);transition:width .24s;display:grid}.detail-stage-inner--tablet{width:min(100%,420px)}.detail-stage-inner--mobile{width:min(100%,240px)}.detail-demo-calendar{border-radius:var(--detail-demo-radius);color:#252b35;width:min(100%,570px);box-shadow:var(--detail-demo-shadow);background:#fff;border:1px solid #dfe4eb;font-size:12px;overflow:hidden}.detail-demo-calendar>header{border-bottom:1px solid #e9edf2;align-items:center;gap:10px;padding:16px 18px;display:flex}.detail-demo-calendar>header>div{gap:3px;display:grid}.detail-demo-calendar>header strong{font-size:13px}.detail-demo-calendar>header small,.detail-calendar-times>small{color:#7f8997;font-size:10px}.detail-calendar-icon{background:var(--detail-demo-accent);color:#fff;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.detail-calendar-body{grid-template-columns:minmax(0,1fr) 145px;display:grid}.detail-calendar-month{padding:16px 18px 18px}.detail-calendar-month-heading{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;display:flex}.detail-calendar-month-heading>span{gap:4px;display:flex}.detail-calendar-month-heading button{color:#586375;background:#fff;border:1px solid #e1e5ec;border-radius:6px;place-items:center;width:24px;height:24px;padding:0;font-size:16px;display:grid}.detail-calendar-weekdays,.detail-calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.detail-calendar-weekdays{color:#9aa3b0;margin-bottom:6px;font-size:9px}.detail-calendar-days button{color:#9aa3b0;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:28px;height:28px;margin:auto;padding:0;font-size:10px;display:grid;position:relative}.detail-calendar-days button.is-available{color:#3f4855}.detail-calendar-days button.is-available:after{content:"";background:var(--detail-demo-accent);border-radius:50%;width:3px;height:3px;position:absolute;bottom:2px}.detail-calendar-days button.is-selected{border-color:var(--detail-demo-accent);background:var(--detail-demo-accent);color:#fff}.detail-calendar-days button.is-selected:after{background:#fff}.detail-calendar-times{background:#fafbfd;border-left:1px solid #e9edf2;align-content:start;gap:6px;padding:17px 13px;display:grid}.detail-calendar-times>strong{font-size:11px}.detail-calendar-times>small{margin-bottom:4px}.detail-calendar-times button{color:#495466;background:#fff;border:1px solid #dde2e9;border-radius:6px;padding:8px 7px;font-size:10px;font-weight:600;transition:border-color .18s,background .18s,color .18s}.detail-calendar-times button:hover{border-color:var(--detail-demo-accent)}.detail-calendar-times button.is-selected{border-color:var(--detail-demo-accent);background:var(--detail-demo-accent);color:#fff}.detail-calendar-times p{color:#758093;margin:5px 0 0;font-size:9px}.component-detail .detail-demo-button{--preview-accent:#4968f7;--preview-radius:10px;border:1px solid var(--preview-accent);border-radius:var(--preview-radius);background:var(--preview-accent);color:#fff;justify-content:center;align-items:center;gap:8px;width:auto;padding:12px 18px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 10px 22px #4968f72a}.component-detail .detail-demo-button:hover,.component-detail .detail-demo-button--hover{transform:translateY(-2px);box-shadow:0 13px 24px #4968f740}.component-detail .detail-demo-button--small{padding:9px 14px;font-size:11px}.component-detail .detail-demo-button--large{padding:15px 22px;font-size:15px}.component-detail .detail-demo-button--outline,.component-detail .detail-demo-button--ghost{color:var(--preview-accent);box-shadow:none;background:0 0}.component-detail .detail-demo-button--ghost{border-color:#0000}.component-detail .detail-demo-button--ghost:hover{background:#4968f710}.component-detail .detail-demo-button.is-full-width{width:100%}.component-detail .detail-demo-button--disabled{opacity:.48;box-shadow:none;cursor:not-allowed}.component-detail .detail-demo-button--loading{cursor:wait}.detail-spinner{border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite detail-spin}@keyframes detail-spin{to{transform:rotate(360deg)}}.detail-preview-message{color:#2c8b6a;margin:8px 0 0;font-size:11px}.detail-state-row{flex-wrap:wrap;align-items:center;gap:6px;padding-top:13px;display:flex}.detail-state-row>span{color:var(--detail-muted);letter-spacing:.08em;margin-right:4px;font-size:10px;font-weight:700}.component-detail .detail-state-row button{border:1px solid var(--detail-border);color:var(--detail-muted);text-transform:capitalize;border-radius:7px;padding:7px 10px;font-size:10px}.component-detail .detail-state-row button.is-current{color:#3758dc;background:#f0f3ff;border-color:#aabaff}.component-detail .detail-reset{color:#4968e9;white-space:nowrap;font-size:11px;font-weight:600}.detail-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.detail-field{border:1px solid var(--detail-border);min-width:0;min-height:62px;color:var(--detail-muted);border-radius:9px;flex-direction:column;justify-content:space-between;gap:7px;padding:10px;font-size:11px;display:flex}.detail-field>span:first-child,.detail-field:not(.detail-switch-field){font-weight:600}.detail-field>input:not([type=checkbox]):not([type=color]),.detail-number-field{border:1px solid var(--detail-border);background:var(--detail-panel);width:100%;min-width:0;height:30px;color:var(--detail-ink);border-radius:6px;padding:0 8px;font-family:inherit;font-size:11px}.detail-field input:focus-visible{outline-offset:1px;outline:2px solid #7d95fb}.detail-segment{border:1px solid var(--detail-border);background:var(--detail-soft);border-radius:6px;gap:2px;padding:2px;display:flex}.component-detail .detail-segment button{min-width:0;color:var(--detail-muted);text-transform:capitalize;border-radius:4px;flex:1;padding:6px 2px;font-size:10px}.component-detail .detail-segment button.is-current{color:#3858d8;background:var(--detail-panel);box-shadow:0 1px 4px #192a4f20}.detail-switch-field{flex-direction:row;align-items:center;min-height:62px}.detail-switch-field input{appearance:none;cursor:pointer;background:#c7d0e0;border-radius:20px;flex:none;width:31px;height:18px;transition:background .2s;position:relative}.detail-switch-field input:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #18213d30}.detail-switch-field input:checked{background:#4968f7}.detail-switch-field input:checked:after{transform:translate(13px)}.detail-number-field{align-items:center;gap:6px;font-size:10px;font-weight:500;display:flex}.detail-number-field input{width:100%;min-width:0;height:100%;color:var(--detail-ink);appearance:textfield;flex:1;padding:0;background:0 0!important;border:0!important}.detail-number-field input::-webkit-inner-spin-button{appearance:none;margin:0}.detail-number-field input::-webkit-outer-spin-button{appearance:none;margin:0}.component-detail .detail-number-field input:focus,.component-detail .detail-number-field input:focus-visible{box-shadow:none;outline:none}.detail-number-field:focus-within{border-color:#8196eb;box-shadow:0 0 0 2px #4968f718}.detail-field:has(.detail-number-field):focus-within{border-color:var(--detail-border);box-shadow:none}.detail-code-wrap{border:1px solid var(--detail-border);background:#101722;border-radius:9px;overflow:hidden}.detail-code-heading{color:#a8bbd8;border-bottom:1px solid #ffffff1b;justify-content:space-between;align-items:center;padding:9px 12px;font-size:10px;display:flex}.component-detail .detail-code-heading button{color:#eef3ff;border:1px solid #3d4c69;border-radius:5px;padding:6px 9px;font-size:10px}.detail-code-heading button:hover{background:#ffffff14}.detail-code-wrap pre{color:#dfe8ff;white-space:pre;min-height:270px;max-height:430px;margin:0;padding:17px;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.detail-demo-card{background:#fff;border:1px solid #e5e9f2;border-radius:14px;width:min(270px,100%);padding:22px;box-shadow:0 16px 34px #333b5120}.detail-demo-card-icon{color:#4968f7;background:#eef2ff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.detail-demo-card h3{margin:14px 0 4px;font-size:18px}.detail-demo-card p{color:#7b879a;margin:0;font-size:11px}.detail-demo-card button{color:#4968f7;border-top:1px solid #e8ecf3;justify-content:space-between;width:100%;margin-top:20px;padding:10px 0 0;font-size:11px;font-weight:600;display:flex}.detail-demo-nav{color:#fff;justify-content:space-between;align-items:center;gap:16px;width:min(560px,100%);display:flex}.detail-demo-nav strong{letter-spacing:-.04em;font-size:21px}.detail-demo-nav strong span{color:#86a0ff}.detail-demo-nav div{align-items:center;gap:22px;display:flex}.detail-demo-nav a,.detail-demo-nav button{color:#c4d0e4;font-size:12px;text-decoration:none}.detail-demo-nav a:hover{color:#fff}.detail-demo-input{color:#4f5e70;gap:8px;width:min(350px,100%);font-size:11px;font-weight:600;display:grid}.detail-demo-input-field{color:#8b9ab0;background:#fff;border:1px solid #c6d3e7;border-radius:8px;align-items:center;gap:9px;padding:11px 13px;display:flex}.detail-demo-input-field:focus-within{border-color:#6680ed;box-shadow:0 0 0 3px #4968f71a}.detail-demo-input-field input{border:0;outline:0;flex:1;min-width:0;font-size:12px}.detail-demo-profile{background:#fff;border:1px solid #eadbd2;border-radius:13px;align-items:center;gap:12px;width:min(320px,100%);padding:17px;display:flex;box-shadow:0 13px 27px #65473818}.detail-demo-profile>span{color:#4968f7;background:#e8ecff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.detail-demo-profile div{gap:4px;display:grid}.detail-demo-profile strong{font-size:12px}.detail-demo-profile small{color:#8c96a5;font-size:10px}.detail-demo-profile button{color:#8c96a5;margin-left:auto;font-size:20px}.detail-demo-chart{background:#fff;border:1px solid #dce5f4;border-radius:13px;width:min(310px,100%);padding:20px}.detail-demo-chart strong,.detail-demo-chart span{display:block}.detail-demo-chart strong{font-size:13px}.detail-demo-chart span{color:#7e8da5;margin-top:4px;font-size:10px}.detail-demo-chart div{border-bottom:1px solid #e3e9f3;justify-content:space-between;align-items:flex-end;gap:14px;height:110px;margin-top:20px;display:flex}.detail-demo-chart i{background:#b1c0fa;border-radius:5px 5px 0 0;width:17%;height:31%}.detail-demo-chart i:nth-child(2){height:55%}.detail-demo-chart i:nth-child(3){background:#4968f7;height:78%}.detail-demo-chart i:nth-child(4){height:48%}.detail-demo-chart i:nth-child(5){height:65%}.detail-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(360px,100%);display:grid}.detail-demo-grid div{background:#fff;border:1px solid #dde6ec;border-radius:9px;gap:12px;min-height:80px;padding:14px;display:grid}.detail-demo-grid span{color:#8aa0ad;font-size:10px}.detail-demo-grid strong{color:#293c48;font-size:12px}.detail-usage{margin-top:14px;padding:18px 20px}.detail-usage-heading{align-items:center;gap:10px;display:flex}.detail-usage-icon{color:#4968f7;background:#edf1ff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.detail-usage-body{border:1px solid var(--detail-border);background:var(--detail-soft);border-radius:10px;margin-top:13px;padding:12px}.detail-usage-body>p{max-width:680px;color:var(--detail-muted);margin:0 0 12px;font-size:12px;line-height:1.6}.detail-guidance{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-guidance>div{border:1px solid;border-radius:8px;gap:5px;padding:10px 13px;display:grid}.detail-guidance span{font-size:10px;font-weight:700}.detail-guidance strong{font-size:12px}.detail-guidance-do{color:#23896b;background:#f6fcf9;border-color:#cdece1!important}.detail-guidance-dont{color:#c95665;background:#fff9fa;border-color:#f5d6dc!important}.dashboard-shell.is-dark .component-detail{--detail-border:#343941;--detail-panel:#191c21;--detail-soft:#20242b;--detail-ink:#f2f4f8;--detail-muted:#aeb7c6;--detail-accent:#a7b7fa}.dashboard-shell.is-dark .detail-eyebrow,.dashboard-shell.is-dark .detail-panel-kicker{color:#afbef9}.dashboard-shell.is-dark .component-detail .detail-breadcrumb button{color:#b5c0d0}.dashboard-shell.is-dark .component-detail .detail-breadcrumb button:hover{color:#eef2ff}.dashboard-shell.is-dark .detail-crumb-separator{color:#788496}.dashboard-shell.is-dark .component-detail .detail-icon-button[aria-pressed=true]{color:#fff}.dashboard-shell.is-dark .component-detail .detail-tabs button.is-current,.dashboard-shell.is-dark .component-detail .detail-viewport-group button.is-current,.dashboard-shell.is-dark .component-detail .detail-state-row button.is-current{color:#e2e9ff;background:#2b3241;border-color:#485364}.dashboard-shell.is-dark .detail-stage{background:#1d222a}.dashboard-shell.is-dark .detail-stage--card{background:#202124}.dashboard-shell.is-dark .detail-stage--nav{background:#15191f}.dashboard-shell.is-dark .detail-stage--input{background:#1d2524}.dashboard-shell.is-dark .detail-stage--profile{background:#252220}.dashboard-shell.is-dark .detail-stage--chart{background:#202531}.dashboard-shell.is-dark .detail-stage--ghost{background:#22222a}.dashboard-shell.is-dark .detail-stage--grid{background:#202827}.dashboard-shell.is-dark .detail-demo-card,.dashboard-shell.is-dark .detail-demo-profile,.dashboard-shell.is-dark .detail-demo-chart,.dashboard-shell.is-dark .detail-demo-grid div{color:#f0f3f8;background:#292d34;border-color:#414850}.dashboard-shell.is-dark .detail-demo-card button{border-color:#414850}.dashboard-shell.is-dark .detail-demo-card p,.dashboard-shell.is-dark .detail-demo-profile small,.dashboard-shell.is-dark .detail-demo-chart span{color:#adb8c8}.dashboard-shell.is-dark .detail-demo-card-icon{background:#343d52}.dashboard-shell.is-dark .detail-demo-input{color:#c4cfdd}.dashboard-shell.is-dark .detail-demo-input-field{background:#292d34;border-color:#414850}.dashboard-shell.is-dark .detail-demo-input-field input{color:#eef3ff;background:0 0}.dashboard-shell.is-dark .detail-demo-grid strong{color:#eef3ff}.dashboard-shell.is-dark .detail-guidance-do{color:#a4dac2;background:#212b28;border-color:#3b5a4e!important}.dashboard-shell.is-dark .detail-guidance-dont{color:#e9abb5;background:#2c2428;border-color:#654650!important}.component-detail{--detail-control:#fff;--detail-control-well:#f4f6fb;--detail-control-hover:#d5e0f8}.component-detail .detail-collection-button.is-saved{color:#3653bb;background:#f1f4ff;border-color:#cbd7f4}.component-detail .detail-heading-actions button,.component-detail .detail-tabs button,.component-detail .detail-reset,.component-detail .detail-state-row button,.component-detail .detail-viewport-group button,.component-detail .detail-toolbar-actions button,.component-detail .detail-code-heading button{transition:background-color .22s,border-color .22s,color .22s,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s}.component-detail .detail-heading-actions button:active,.component-detail .detail-toolbar-actions button:active,.component-detail .detail-state-row button:active{transform:scale(.96)}.detail-customize-panel{background:var(--detail-panel)}.detail-controls{border:1px solid var(--detail-border);background:var(--detail-control-well);border-radius:11px;padding:7px}.detail-field{border-color:var(--detail-border);background:var(--detail-control);transition:border-color .22s,background-color .22s,box-shadow .22s,transform .22s cubic-bezier(.22,1,.36,1)}.detail-field:hover{border-color:var(--detail-control-hover);transform:translateY(-1px)}.detail-field:focus-within{border-color:#8196eb;box-shadow:0 0 0 3px #4968f716}.detail-field>input:not([type=checkbox]):not([type=color]){transition:border-color .2s,box-shadow .2s}.detail-field>input:not([type=checkbox]):not([type=color]):focus{border-color:#8ca0ef;box-shadow:0 0 0 2px #4968f712}.component-detail .detail-segment button{transition:background-color .2s,color .2s,box-shadow .2s}.component-detail .detail-segment button:not(.is-current):hover{color:var(--detail-ink);background:#dce5fa}.detail-control-hint{color:var(--detail-muted);grid-column:1/-1;margin:2px 3px 1px;font-size:10px;line-height:1.5}.detail-stage{transition:background-color .28s}.detail-demo-card,.detail-demo-profile,.detail-demo-chart,.detail-demo-grid div,.detail-demo-input-field,.detail-demo-nav{border-radius:var(--detail-demo-radius,10px);box-shadow:var(--detail-demo-shadow,none);transition:border-radius .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,transform .28s cubic-bezier(.22,1,.36,1),border-color .28s}.detail-demo-card:hover,.detail-demo-profile:hover,.detail-demo-chart:hover,.detail-demo-grid div:hover{transform:translateY(-3px)}.detail-demo-card-icon,.detail-demo-card button,.detail-demo-profile>span,.detail-demo-nav strong span,.detail-demo-chart i:nth-child(3),.detail-demo-grid div:first-child strong{color:var(--detail-demo-accent,#4968f7)}.detail-demo-chart i:nth-child(3){background:var(--detail-demo-accent,#4968f7)}.detail-demo-input-field:focus-within{border-color:var(--detail-demo-accent,#4968f7)}.dashboard-shell.is-dark .component-detail{--detail-control:#292d34;--detail-control-well:#15181d;--detail-control-hover:#586272}.dashboard-shell.is-dark .component-detail .detail-collection-button.is-saved{color:#dce5ff;background:#283246;border-color:#485775}.dashboard-shell.is-dark .component-detail .detail-segment button:not(.is-current):hover{background:#363c47}.dashboard-shell.is-dark .component-detail .detail-segment button.is-current{color:#e2e9ff;background:#39445e}.dashboard-shell.is-dark .detail-switch-field input:not(:checked){background:#4c5668}.detail-field:has(.detail-color-popover){z-index:20;position:relative}.detail-color-picker{width:100%;position:relative}.component-detail .detail-color-trigger{border:1px solid var(--detail-border);background:var(--detail-panel);width:100%;height:30px;color:var(--detail-ink);text-align:left;border-radius:6px;align-items:center;gap:7px;padding:0 7px;font-size:10px;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.component-detail .detail-color-trigger:hover,.component-detail .detail-color-trigger[aria-expanded=true]{border-color:#879bed;box-shadow:0 0 0 2px #4968f713}.detail-color-chip{border:1px solid #2c344c33;border-radius:5px;flex:0 0 17px;width:17px;height:17px;display:block;box-shadow:inset 0 1px #fff4}.detail-color-chevron{width:14px;height:14px;color:var(--detail-muted);margin-left:auto;transition:transform .2s cubic-bezier(.22,1,.36,1)}.detail-color-trigger[aria-expanded=true] .detail-color-chevron{transform:rotate(180deg)}.detail-color-popover{z-index:30;background:var(--detail-panel);border:1px solid #cbd6ea;border-radius:12px;width:min(280px,100vw - 54px);padding:12px;animation:.18s cubic-bezier(.22,1,.36,1) both detail-picker-in;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 20px 48px #18243b2b,0 3px 9px #18243b11}.detail-controls--content .detail-color-popover{left:0;right:auto}@keyframes detail-picker-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.detail-color-popover-heading{color:var(--detail-ink);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.detail-color-popover-heading span{color:var(--detail-muted);font-size:10px}.detail-color-surface{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--picker-hue);cursor:crosshair;touch-action:none;border:1px solid #8793a8;border-radius:8px;height:145px;position:relative;overflow:hidden}.detail-color-surface:focus-visible{outline-offset:3px;outline:2px solid #6075ed}.detail-color-marker{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1d2330b3,0 2px 6px #0006}.detail-hue-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#f33,#ff0,#0f0,#0ff,#00f,#f0f,#f33);border:1px solid #8590a2;border-radius:20px;width:100%;height:14px;margin:12px 0 13px}.detail-hue-slider::-webkit-slider-thumb{appearance:none;background:0 0;border:2px solid #fff;border-radius:50%;width:17px;height:17px;box-shadow:0 0 0 1px #273142,0 1px 4px #0006}.detail-hue-slider::-moz-range-thumb{background:0 0;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #273142,0 1px 4px #0006}.detail-color-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.component-detail .detail-color-swatches button{aspect-ratio:1;border:1px solid #26304138;border-radius:5px;width:100%;transition:transform .18s,box-shadow .18s}.component-detail .detail-color-swatches button:hover{transform:translateY(-2px)}.component-detail .detail-color-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--detail-panel), 0 0 0 4px #5974ed}.detail-hex-entry{border-top:1px solid var(--detail-border);color:var(--detail-muted);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;font-size:10px;font-weight:700;display:flex}.detail-hex-entry input{border:1px solid var(--detail-border);background:var(--detail-control);width:88px;height:30px;color:var(--detail-ink);text-transform:uppercase;border-radius:6px;padding:0 8px;font:600 11px ui-monospace,Consolas,monospace}.dashboard-shell.is-dark .detail-color-popover{background:#22262d;border-color:#4b535e;box-shadow:0 22px 55px #0008,0 3px 9px #0005}.dashboard-shell.is-dark .component-detail .detail-color-trigger{background:#292d34;border-color:#4b535e}.dashboard-shell.is-dark .detail-color-chip,.dashboard-shell.is-dark .component-detail .detail-color-swatches button{border-color:#fff5}.detail-usage{border-color:var(--detail-border);box-shadow:0 8px 24px #26385c09}.detail-guidance>div{border-left-width:3px;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s,border-color .24s}.detail-guidance>div:hover{transform:translateY(-2px);box-shadow:0 7px 18px #23314a0e}.detail-usage-icon{border:1px solid #dce5ff}.dashboard-shell.is-dark .detail-usage-icon{color:#bdcaff;background:#303849;border-color:#485774}.dashboard-shell.is-dark .detail-usage-body{background:#1d2127;border-color:#3a424d}@media (width<=980px){.detail-layout{grid-template-columns:1fr}.detail-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.detail-heading{flex-direction:column}.detail-heading-actions{padding-top:0}.detail-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-stage{min-height:230px}.detail-viewport-name,.detail-viewport-separator{display:none}}@media (width<=460px){.detail-breadcrumb{margin-bottom:13px}.detail-heading h1{font-size:29px}.detail-stage{min-height:210px;padding:14px}.detail-guidance{grid-template-columns:1fr}.detail-live-dot{display:none}}@media (prefers-reduced-motion:reduce){.component-detail *,.component-detail :before,.component-detail :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}