@font-face{font-family:Exo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/25365cd121faf04a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Exo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f2ff0b00321106fc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Exo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a1187f081f048286-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Exo Fallback;src:local("Arial");ascent-override:96.27%;descent-override:31.42%;line-gap-override:0.00%;size-adjust:104.08%}.__className_18254c{font-family:Exo,Exo Fallback;font-style:normal}.__variable_18254c{--font-exo:"Exo","Exo Fallback"}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#f7f7f8;--surface:#fff;--surface-subtle:#f0f0f2;--surface-raised:#fff;--foreground:#17171b;--muted:#686872;--faint:#92929c;--border:#dedee3;--border-strong:#c8c8cf;--accent:#6d4aff;--accent-soft:#ece8ff;--on-accent:#fff;--focus:#795cff;--shadow:0 18px 55px #14141e14;--header-height:64px}:root[data-theme=dark]{--background:#101012;--surface:#17171a;--surface-subtle:#1e1e22;--surface-raised:#202024;--foreground:#f4f4f5;--muted:#a6a6af;--faint:#7d7d87;--border:#2d2d33;--border-strong:#42424a;--accent:#9a83ff;--accent-soft:#2a234c;--on-accent:#151020;--focus:#ad9bff;--shadow:0 20px 60px #00000047}*{box-sizing:border-box}body,html{background:var(--background)}body{color:var(--foreground);font-family:var(--font-exo),ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;transition:background-color .22s cubic-bezier(.23,1,.32,1),color .18s}button,input,select{font:inherit}a,button,input,select{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,pre:focus-visible,select:focus-visible{box-shadow:0 0 0 3px var(--focus)}@supports (color:color-mix(in lab,red,red)){a:focus-visible,button:focus-visible,input:focus-visible,pre:focus-visible,select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 35%,transparent)}}a{text-decoration:none}a,button{color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{min-height:var(--header-height);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:24px;padding:0 max(20px,50vw - 590px);display:flex}@supports (color:color-mix(in lab,red,red)){.site-header{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:690;display:inline-flex}.brand-mark{background:var(--foreground);width:30px;height:30px;color:var(--background);border-radius:9px;place-items:center;font-size:11px;font-weight:760;display:grid}.site-nav{gap:8px}.site-header-actions,.site-nav{align-items:center;display:flex}.site-header-actions{gap:12px}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:9px;flex:none;place-items:center;padding:0;transition:transform .14s cubic-bezier(.23,1,.32,1),border-color .18s,background-color .18s,color .18s;display:grid}.theme-toggle:active{transform:scale(.96)}.theme-toggle-icons{place-items:center;width:18px;height:18px;display:grid;position:relative}.theme-icon{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:opacity .18s,transform .24s cubic-bezier(.77,0,.175,1);position:absolute}.theme-icon-sun{opacity:1;transform:rotate(0)scale(1)}.theme-icon-moon{opacity:0;transform:rotate(-75deg)scale(.86)}:root[data-theme=dark] .theme-toggle{color:var(--foreground);background:var(--surface-raised)}:root[data-theme=dark] .theme-icon-sun{opacity:0;transform:rotate(75deg)scale(.86)}:root[data-theme=dark] .theme-icon-moon{opacity:1;transform:rotate(0)scale(1)}@media (hover:hover) and (pointer:fine){.theme-toggle:hover{border-color:var(--border-strong);background:var(--surface-subtle);color:var(--foreground)}}@media (prefers-reduced-motion:reduce){.theme-icon,.theme-toggle,body{transition-duration:.01ms}}.auth-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-height:34px;padding:0 11px;font-size:12px;font-weight:620}a.auth-button{justify-content:center;align-items:center;display:inline-flex}.auth-button:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.auth-button:disabled{cursor:not-allowed;opacity:.55}.user-avatar{background:var(--accent-soft);color:var(--accent);border-radius:999px;place-items:center;font-weight:760;display:grid;overflow:hidden}.user-avatar-small{width:36px;height:36px;font-size:13px}.user-avatar-large{flex:none;width:96px;height:96px;font-size:28px}.user-avatar-image{object-fit:cover;width:100%;height:100%;display:block}.account-menu{position:relative}.account-menu-trigger{background:var(--accent);border:0;border-radius:999px;place-items:center;padding:2px;display:grid}@supports (color:color-mix(in lab,red,red)){.account-menu-trigger{background:color-mix(in srgb,var(--accent) 72%,var(--border))}}.account-menu-trigger{cursor:pointer;transition:transform .14s cubic-bezier(.23,1,.32,1),box-shadow .18s}.account-menu-trigger:active{transform:scale(.96)}.account-menu-trigger[aria-expanded=true]{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab,red,red)){.account-menu-trigger[aria-expanded=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}}.account-popover{border:1px solid var(--border-strong);background:var(--surface-raised);opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;border-radius:16px;width:min(340px,100vw - 28px);transition:opacity .14s,transform .18s cubic-bezier(.23,1,.32,1),visibility 0s linear .18s;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;transform:translateY(-6px)scale(.97);box-shadow:0 24px 70px #00000038}.account-popover[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s,transform .2s cubic-bezier(.23,1,.32,1),visibility;transform:translateY(0)scale(1)}.account-popover-summary{border-bottom:1px solid var(--border);gap:7px;padding:24px;display:grid}.account-popover-summary>span:first-child{color:var(--faint);font-size:12px}.account-popover-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:560;overflow:hidden}.coming-soon-badge,.plan-badge{border:1px solid var(--border-strong);width:fit-content;min-height:24px;color:var(--muted);background:var(--surface-subtle);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;align-items:center;padding:0 8px;font-size:10px;font-weight:680;display:inline-flex}.account-popover-links{border-bottom:1px solid var(--border);gap:3px;padding:10px;display:grid}.account-popover-links a,.account-popover-links button{text-align:left;background:0 0;border:0;border-radius:9px;gap:4px;padding:12px 14px;display:grid}.account-popover-links a{cursor:pointer}.account-popover-links button{cursor:default;color:var(--foreground);opacity:.58}.account-popover-links strong{font-size:14px;font-weight:620}.account-popover-links span{color:var(--faint);font-size:12px}.account-popover-sign-out{padding:10px}.account-popover-sign-out button{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px 14px}@media (hover:hover) and (pointer:fine){.account-menu-trigger:hover{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab,red,red)){.account-menu-trigger:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}}.account-popover-links a:hover,.account-popover-sign-out button:hover{background:var(--surface-subtle);color:var(--foreground)}}.account-page.page-shell{width:min(900px,100% - 40px);padding-block:70px 110px}.account-back-link{color:var(--muted);font-size:13px;font-weight:580;display:inline-flex}.account-back-link:hover{color:var(--foreground)}.account-page>h1{letter-spacing:-.05em;margin:42px 0 30px;font-size:clamp(38px,6vw,56px);line-height:1}.account-profile-card{border:1px solid var(--border);background:var(--surface);min-height:210px;box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:30px;padding:42px 46px;display:flex}.account-profile-copy{gap:8px;min-width:0;display:grid}.account-profile-copy h2{letter-spacing:-.035em;margin:0;font-size:clamp(24px,4vw,34px)}.account-profile-copy h2,.account-profile-copy p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-profile-copy p{color:var(--muted);margin:0 0 6px;font-size:16px}.account-managed-note{color:var(--muted);margin:26px 2px 56px;font-size:14px;line-height:1.6}.account-managed-note a{color:var(--accent)}.account-managed-note a:hover{text-underline-offset:3px;text-decoration:underline}.account-settings{gap:12px;display:grid}.account-settings-row{border:1px solid var(--border);background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:24px;min-height:104px;padding:24px 28px;display:flex}.account-settings-row h2{margin:0 0 6px;font-size:16px;font-weight:640}.account-settings-row p{color:var(--muted);margin:0;font-size:13px}.account-settings-sign-out button{border:1px solid var(--border-strong);background:var(--surface-subtle);min-height:36px;color:var(--foreground);cursor:pointer;border-radius:8px;flex:none;padding:0 13px;font-size:12px;font-weight:620;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .18s}.account-settings-sign-out button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.account-settings-sign-out button:hover{background:var(--border)}}@media (max-width:600px){.account-page.page-shell{width:min(100% - 28px,900px);padding-block:46px 80px}.account-page>h1{margin-block:32px 24px}.account-profile-card{align-items:flex-start;gap:20px;padding:28px 24px}.user-avatar-large{width:72px;height:72px}.account-settings-row{flex-direction:column;align-items:flex-start;gap:18px}}.site-nav a{color:var(--muted);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:560}.site-nav a:hover{color:var(--foreground);background:var(--surface-subtle)}.eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:720}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:14px;font-weight:640;display:inline-flex}.primary-button{background:var(--foreground);color:var(--background)}.secondary-button{background:var(--surface);border-color:var(--border);color:var(--foreground)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.home-hero{min-height:calc(100vh - var(--header-height));grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(50px,8vw,110px);padding-block:80px;display:grid}.hero-copy h1{letter-spacing:-.055em;max-width:650px;margin:16px 0 20px;font-size:clamp(44px,5.3vw,78px);font-weight:680;line-height:.98}.hero-copy>p{max-width:570px;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero-showcase{border:1px solid var(--border);background:var(--surface);min-height:480px;box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.showcase-footer,.showcase-toolbar{min-height:58px;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:0 18px;font-size:12px;display:flex}.showcase-toolbar{border-bottom:1px solid var(--border)}.showcase-footer{border-top:1px solid var(--border)}.showcase-footer div:first-child{gap:3px;display:grid}.showcase-footer strong{color:var(--foreground);font-size:13px}.showcase-canvas{background:radial-gradient(circle,#342c63 0,#171724 45%,#111118 100%);place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.showcase-canvas:after,.showcase-canvas:before{content:"";border:1px solid #ffffff1a;border-radius:999px;position:absolute}.showcase-canvas:before{width:330px;height:330px}.showcase-canvas:after{width:230px;height:230px}.showcase-core{color:#fff;z-index:2;background:#7c5cff;border-radius:30px;place-items:center;width:126px;height:126px;font-weight:780;display:grid;box-shadow:0 24px 70px #7c5cff8c}.showcase-orbit{border:1px dashed #ffffff2e;border-radius:999px;width:270px;height:270px;position:absolute}.showcase-orbit:before{content:"";background:#b6a8ff;border-radius:999px;width:12px;height:12px;position:absolute;top:28px;left:20px;box-shadow:0 0 24px #9b87ff}.showcase-dots{gap:5px;display:flex}.showcase-dots span{background:var(--border-strong);border-radius:999px;width:5px;height:5px}.showcase-dots .active{background:var(--foreground);width:16px}.featured-section{padding-block:48px 100px}.library-heading,.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.library-heading h1,.section-heading h2{letter-spacing:-.04em;margin:7px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.08}.section-heading>a{color:var(--muted);font-size:14px;font-weight:600}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.item-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-width:0;display:block;overflow:hidden}.item-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 14px 36px #14141e12}.item-card-visual{place-items:center;min-height:210px;display:grid;position:relative;overflow:hidden}.visual-glyph{background:currentColor;width:86px;height:86px;display:block;box-shadow:0 20px 55px}.visual-glyph-animation{border-radius:24px;transform:rotate(12deg)}.visual-glyph-component{opacity:.9;border-radius:18px;width:138px;height:92px}.visual-glyph-shader{filter:blur(4px);border-radius:52% 48% 70% 30%/34% 58% 42% 66%}.item-card-copy{padding:18px}.item-card-meta{color:var(--faint);text-transform:capitalize;align-items:center;gap:8px;font-size:11px;display:flex}.kind-badge{background:var(--accent-soft);width:fit-content;min-height:22px;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:690;display:inline-flex}.item-card h3{letter-spacing:-.02em;margin:12px 0 6px;font-size:18px}.item-card p{min-height:44px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.tag-list{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.tag-list span{border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:5px 7px;font-size:10px}.library-page{padding-block:72px 100px}.library-heading>div>p{color:var(--muted);margin:12px 0 0}.editor-search input,.search-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--foreground);border-radius:10px;padding:0 13px}.search-field{width:min(360px,100%)}.filter-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;gap:18px;padding:16px 0}.filter-row,.segmented-control{align-items:center;display:flex}.segmented-control{flex-wrap:wrap;gap:4px}.mode-switcher button,.segmented-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:590}.mode-switcher button[aria-pressed=true],.segmented-control button[aria-pressed=true]{background:var(--surface);color:var(--foreground);box-shadow:0 1px 3px #0000001a}.select-field{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.control-row select,.editor-toolbar select,.select-field select{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--foreground);border-radius:8px;padding:0 28px 0 10px}.result-summary{color:var(--muted);margin:22px 0 12px;font-size:12px}.empty-state,.not-found-page{text-align:center;justify-items:center;display:grid}.empty-state{border:1px dashed var(--border-strong);border-radius:14px;place-content:center;min-height:300px}.empty-state p,.not-found-page p{color:var(--muted)}.not-found-page{min-height:calc(100vh - var(--header-height));place-content:center;padding:40px 20px}.not-found-page h1{letter-spacing:-.05em;margin:14px 0 0;font-size:clamp(36px,6vw,64px)}.not-found-page .primary-button{margin-top:16px}.sign-in-page{background:radial-gradient(circle at 50% 42%,var(--accent),transparent 34%),var(--background);place-content:center;justify-items:center;gap:34px;min-height:100vh;padding:48px 20px;display:grid}@supports (color:color-mix(in lab,red,red)){.sign-in-page{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),var(--background)}}.sign-in-brand{align-items:center;gap:10px;font-size:15px;font-weight:690;display:inline-flex}.sign-in-card{border:1px solid var(--border);background:var(--surface-raised);width:min(100vw - 40px,510px);box-shadow:var(--shadow);border-radius:20px;padding:44px 40px 38px}.sign-in-card h1{letter-spacing:-.04em;margin:12px 0 10px;font-size:clamp(30px,5vw,38px);line-height:1.08}.sign-in-card>p{color:var(--muted);margin:0;line-height:1.6}.sign-in-card form{margin:30px 0 18px}.google-sign-in-button{border:1px solid var(--border-strong);background:var(--foreground);width:100%;min-height:54px;color:var(--background);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:10px;font-weight:670;display:flex}.google-sign-in-button:hover{transform:translateY(-1px)}.google-sign-in-button:disabled{cursor:not-allowed;opacity:.55}.sign-in-back,.sign-in-card small{color:var(--faint);font-size:12px}.sign-in-back:hover{color:var(--foreground)}@media (max-width:540px){.sign-in-card{padding:34px 24px 30px}}@media (max-width:680px){.site-header{padding-inline:14px}.auth-identity,.brand>span:last-child,.site-nav{display:none}}.editor-shell{background:var(--surface);flex-direction:column;min-height:100vh;display:flex}.editor-titlebar{border-bottom:1px solid var(--border);grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:center;gap:18px;min-height:56px;padding:0 16px;display:grid}.editor-crumbs{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.editor-crumbs strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mode-switcher{background:var(--surface-subtle);border-radius:9px;padding:3px;display:flex}.mobile-panel-actions{justify-content:flex-end;gap:6px;display:none}.editor-titlebar-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.drawer-heading button,.mobile-panel-actions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-height:34px;padding:0 10px;font-size:12px}.editor-columns{flex:1;grid-template-columns:240px minmax(0,1fr) 280px;min-height:0;display:grid}.editor-left-panel,.editor-right-panel{background:var(--surface);min-height:0;overflow:auto}.editor-left-panel{border-right:1px solid var(--border)}.editor-right-panel{border-left:1px solid var(--border)}.editor-browser,.inspector-panel{height:100%}.editor-panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:0 14px;font-size:12px;font-weight:660;display:flex}.control-count,.editor-panel-heading a{color:var(--muted);font-size:10px;font-weight:520}.editor-search{padding:12px;display:block}.editor-search input{min-height:36px;font-size:12px}.editor-item-list{gap:2px;padding:0 8px 12px;display:grid}.editor-item-list a{border-radius:8px;align-items:center;gap:10px;min-height:50px;padding:8px 10px;display:flex}.editor-item-list a:hover,.editor-item-list a[aria-current=page]{background:var(--surface-subtle)}.editor-item-list a>span:last-child{gap:3px;min-width:0;display:grid}.editor-item-list small,.editor-item-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-item-list strong{font-size:12px}.editor-item-list small{color:var(--faint);text-transform:capitalize;font-size:10px}.editor-item-dot{border-radius:3px;flex:none;width:8px;height:8px}.mini-empty{color:var(--muted);margin:16px 10px;font-size:12px}.editor-main{background:var(--background);flex-direction:column;min-width:0;min-height:0;display:flex}.editor-context{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:12px 18px;display:flex}.editor-context>div:first-child{min-width:0}.editor-context h1{letter-spacing:-.02em;margin:0 0 0 8px;font-size:16px;display:inline}.editor-context p{color:var(--muted);margin:7px 0 0;font-size:11px}.editor-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.editor-toolbar button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-height:34px;padding:0 9px;font-size:11px}.editor-canvas{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:24px 24px;border-radius:12px;flex:1;place-items:center;min-height:500px;margin:16px;display:grid;position:relative;overflow:hidden}.preview-zoom{transform-origin:50%;transition:transform .15s}.preview-stage{place-items:center;min-width:330px;min-height:330px;display:grid}.spring-pop{--duration:.65s;--start-scale:.45;--accent:#7c5cff;background:var(--accent);color:#fff;place-items:center;width:128px;height:128px;font-size:20px;font-weight:760;display:grid}.spring-pop.is-playing{animation:spring-pop var(--duration) cubic-bezier(.2,1.4,.4,1) both}@keyframes spring-pop{0%{transform:scale(var(--start-scale));opacity:.2}72%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.orbit-loader{--duration:1.4s;--diameter:128px;--accent:#27d4a8;width:var(--diameter);height:var(--diameter);border-radius:999px;position:relative}.orbit-loader.is-playing{animation:orbit-spin var(--duration) linear infinite}.orbit-trail{border-radius:inherit;border:2px solid var(--accent);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.orbit-trail{border:2px solid color-mix(in srgb,var(--accent) 25%,transparent)}}.orbit-dot{width:16px;height:16px;box-shadow:0 0 28px var(--accent);top:-8px;left:50%;transform:translate(-50%)}.orbit-core,.orbit-dot{background:var(--accent);border-radius:999px;position:absolute}.orbit-core{inset:34%}@supports (color:color-mix(in lab,red,red)){.orbit-core{background:color-mix(in srgb,var(--accent) 70%,white)}}@keyframes orbit-spin{to{transform:rotate(1turn)}}.preview-placeholder{color:#fff;text-align:center;align-content:center;justify-items:center;gap:10px;padding:30px}.preview-placeholder p{color:#ffffffa6;max-width:330px;margin:0;font-size:12px;line-height:1.5}.code-panel{color:#ececf1;background:#111116;border:1px solid #ffffff1f;border-radius:12px;width:min(760px,100% - 30px);max-height:calc(100% - 30px);overflow:hidden;box-shadow:0 20px 70px #00000042}.code-panel>div{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;font-size:11px;display:flex}.code-panel small{color:#8d8d9b}.code-panel pre{max-height:470px;margin:0;padding:22px;font:12px/1.65 SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.inspector-controls{padding:0 14px}.control-row{border-bottom:1px solid var(--border);padding:16px 0}.control-heading,.control-row-inline{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-label label{font-size:12px;font-weight:590;display:block}.control-label p{color:var(--muted);margin:4px 0 0;font-size:10px}.control-heading output{color:var(--muted);font:10px SFMono-Regular,Consolas,Liberation Mono,monospace}.control-row input[type=range]{width:100%;accent-color:var(--accent);margin-top:12px}.control-row>select{width:100%;margin-top:9px}.toggle-control{background:var(--border-strong);cursor:pointer;border:0;border-radius:999px;flex:none;width:36px;height:21px;padding:2px}.toggle-control span{background:#fff;border-radius:999px;width:17px;height:17px;transition:transform .15s;display:block}.toggle-control[aria-checked=true]{background:var(--accent)}.toggle-control[aria-checked=true] span{transform:translate(15px)}.color-input-wrap,.number-input-wrap{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;min-height:38px;margin-top:9px;display:flex}.number-input-wrap input{min-width:0;color:var(--foreground);background:0 0;border:0;flex:1;padding:0 10px}.color-input-wrap span,.number-input-wrap span{color:var(--muted);padding-right:10px;font:10px SFMono-Regular,Consolas,Liberation Mono,monospace}.color-input-wrap input{cursor:pointer;background:0 0;border:0;border-radius:6px;width:42px;height:30px;margin:3px 8px 3px 3px}.inspector-empty{padding:24px 14px}.inspector-empty strong{font-size:12px}.inspector-empty p{color:var(--muted);font-size:11px;line-height:1.5}.compatibility-block{border-top:1px solid var(--border);margin:22px 14px;padding-top:18px}.compatibility-block>div{color:var(--muted);justify-content:space-between;gap:10px;margin-top:10px;font-size:11px;display:flex}.compatibility-block strong{color:var(--foreground)}.drawer-layer{z-index:50;position:fixed;inset:0}.drawer-backdrop{background:#00000075;border:0;width:100%;position:absolute;inset:0}.editor-drawer{background:var(--surface);width:min(360px,90vw);position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 60px #00000038}.drawer-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:0 14px;font-size:13px;display:flex}@media (max-width:1050px){.home-hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:760px}.hero-showcase{min-height:430px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-titlebar{grid-template-columns:1fr auto 1fr}.mobile-panel-actions{display:flex}.editor-columns{grid-template-columns:minmax(0,1fr)}.editor-left-panel,.editor-right-panel{display:none}}@media (max-width:700px){.page-shell{width:min(100% - 28px,1180px)}.site-header{padding-inline:14px}.home-hero{gap:54px;min-height:auto;padding-block:64px}.hero-copy h1{font-size:46px}.hero-showcase{min-height:360px}.showcase-canvas{min-height:280px}.library-heading,.section-heading{flex-direction:column;align-items:flex-start}.search-field{width:100%}.filter-row{flex-direction:column;align-items:flex-start}.item-grid{grid-template-columns:1fr}.editor-titlebar{grid-template-columns:1fr auto;padding:8px 10px}.mode-switcher{grid-area:2/1/auto/-1;width:100%}.mode-switcher button{flex:1}.editor-context{flex-direction:column;align-items:flex-start}.editor-toolbar{justify-content:flex-start}.editor-canvas{min-height:520px;margin:8px}.preview-stage{min-width:260px}.code-panel>div{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}