@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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@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;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--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;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.table{display:table}.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,)}.resize{resize:both}.flex-col{flex-direction:column}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-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))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--background:#f7f7f8;--surface:#fff;--surface-subtle:#f0f0f2;--surface-raised:#fff;--foreground:#17171b;--muted:#686872;--faint:#92929c;--border:#dedee3;--border-strong:#c8c8cf;--accent:#1689c6;--accent-soft:#e3f5fe;--on-accent:#fff;--focus:#45b8f5;--shadow:0 18px 55px #14141e14;--device-preview-background:var(--surface);--device-preview-foreground:#17171b;--header-height:64px;--workspace-spring:linear(0,.018 2.1%,.072 5.2%,.17 9.2%,.315 13.7%,.49 18.6%,.663 23.5%,.808 28.4%,.912 33.2%,.976 38.1%,1.009 43.1%,1.019 48.5%,1.017 54.3%,1.01 61%,1.004 69.5%,1)}:root[data-theme=dark]{--background:#080808;--surface:#101010;--surface-subtle:#181818;--surface-raised:#202020;--foreground:#f5f5f5;--muted:#a8a8a8;--faint:#7e7e7e;--border:#292929;--border-strong:#404040;--accent:#45b8f5;--accent-soft:#08344a;--on-accent:#04151e;--focus:#7cd1ff;--shadow:0 20px 60px #00000047;--device-preview-background:var(--surface);--device-preview-foreground:#f4f4f5}*{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-footer{border-top:1px solid var(--border);margin-top:88px}.site-footer-content{padding-block:72px 28px}.footer-link-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.footer-link-groups h2{color:var(--faint);letter-spacing:.13em;text-transform:uppercase;margin:0 0 22px;font-size:12px;font-weight:760}.footer-link-groups ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.footer-link-groups a{color:var(--foreground);font-size:15px}.footer-link-groups a:hover{color:var(--accent)}.footer-credit{border-top:1px solid var(--border);color:var(--muted);margin:62px 0 0;padding-top:26px;font-size:14px}.info-page{max-width:760px;padding-block:100px}.info-page h1{letter-spacing:-.045em;max-width:680px;margin:14px 0 18px;font-size:clamp(42px,5vw,68px);line-height:1}.info-page section p,.info-page>p{max-width:660px;color:var(--muted);font-size:18px;line-height:1.65}.info-page a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.faq-list,.legal-page section{border-top:1px solid var(--border);gap:8px;margin-top:36px;padding-top:30px;display:grid}.faq-list h2,.legal-page h2{margin:0;font-size:19px}.faq-list p,.legal-page section p{margin:0}@media (max-width:700px){.site-footer{margin-top:64px}.site-footer-content{padding-block:48px 24px}.footer-link-groups{grid-template-columns:1fr;gap:32px}.footer-credit{margin-top:44px}.info-page{padding-block:64px}}.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{z-index:2;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 form{margin:0}.account-popover-links form button{width:100%;color:var(--foreground);cursor:pointer;opacity:1}.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-row 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)}.account-notice{border:1px solid var(--accent);margin:-34px 2px 28px}@supports (color:color-mix(in lab,red,red)){.account-notice{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))}}.account-notice{color:var(--foreground);background:var(--accent);border-radius:10px;padding:12px 14px}@supports (color:color-mix(in lab,red,red)){.account-notice{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}}.account-notice{font-size:13px}.account-notice-error{border-color:#e5484d}@supports (color:color-mix(in lab,red,red)){.account-notice-error{border-color:color-mix(in srgb,#e5484d 38%,var(--border))}}.account-notice-error{background:#e5484d}@supports (color:color-mix(in lab,red,red)){.account-notice-error{background:color-mix(in srgb,#e5484d 8%,var(--surface))}}.billing-notice-error{border:1px solid #e5484d;max-width:620px;margin:24px auto 0}@supports (color:color-mix(in lab,red,red)){.billing-notice-error{border:1px solid color-mix(in srgb,#e5484d 38%,var(--border))}}.billing-notice-error{background:#e5484d;border-radius:10px;padding:12px 14px}@supports (color:color-mix(in lab,red,red)){.billing-notice-error{background:color-mix(in srgb,#e5484d 8%,var(--surface))}}.billing-notice-error{color:var(--foreground);font-size:13px}.editor-billing-error{z-index:20;border:1px solid #e5484d;margin:0;position:fixed;top:64px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab,red,red)){.editor-billing-error{border:1px solid color-mix(in srgb,#e5484d 38%,var(--border))}}.editor-billing-error{background:var(--surface);border-radius:10px;padding:10px 14px;font-size:13px;box-shadow:0 10px 32px #0000001f}.pricing-page{text-align:center;width:min(1000px,100% - 40px);padding-block:76px 110px}.pricing-page h1{letter-spacing:-.055em;max-width:760px;margin:18px auto 20px;font-size:clamp(42px,7vw,72px);line-height:.98}.pricing-intro{max-width:660px;color:var(--muted);margin:0 auto;font-size:17px;line-height:1.65}.pricing-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:58px;display:grid}.pricing-card{border:1px solid var(--border);background:var(--surface);min-height:480px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;padding:34px;display:flex}.pricing-card-pro{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pricing-card-pro{border-color:color-mix(in srgb,var(--accent) 46%,var(--border))}}.pricing-card-pro{background:linear-gradient(145deg,var(--accent),var(--surface))}@supports (color:color-mix(in lab,red,red)){.pricing-card-pro{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface))}}.pricing-card>span{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:720}.pricing-card h2{letter-spacing:-.045em;margin:18px 0 12px;font-size:46px}.pricing-card h2 small{color:var(--faint);letter-spacing:0;margin-left:5px;font-size:14px;font-weight:540}.pricing-card p{color:var(--muted);margin:0;line-height:1.55}.pricing-card ul{color:var(--muted);gap:12px;margin:28px 0 34px;padding:0;font-size:14px;list-style:none;display:grid}.pricing-card li:before{content:"✓";color:var(--accent);margin-right:10px;font-weight:800}.pricing-card form{margin-top:auto}.pricing-card button,.pricing-card>a{border:1px solid var(--border-strong);background:var(--foreground);width:100%;min-height:46px;color:var(--background);cursor:pointer;font:inherit;border-radius:10px;place-items:center;margin-top:auto;font-size:14px;font-weight:680;display:grid}.pricing-card form button{margin:0}@media (max-width:700px){.pricing-page{width:min(100% - 28px,1000px);padding-block:52px 80px}.pricing-grid{grid-template-columns:1fr;margin-top:38px}.pricing-card{min-height:430px;padding:28px}}@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{padding-block:104px 48px}.hero-copy h1{letter-spacing:-.03em;text-wrap:balance;max-width:700px;margin:16px 0 20px;font-size:clamp(44px,4.25vw,64px);font-weight:680;line-height:1}.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}.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{color:#000;--device-preview-foreground:#000;background:#f7f7f5;place-items:center;min-height:210px;display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .item-card-visual{color:#fff;--device-preview-foreground:#fff;background:#000}.item-card-visual .preview-stage{width:100%;min-width:0;height:100%;min-height:0}.item-card-visual .capsule-loader{transform:scale(.8)}.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-card small{color:var(--faint);font-size:12px}.sign-in-back{color:var(--muted);font-size:14px;font-weight:620}.sign-in-back:hover{color:var(--foreground);text-underline-offset:4px;text-decoration:underline}@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-color:var(--background);background-image:radial-gradient(circle at 1px 1px,var(--foreground) .9px,transparent 1.1px),radial-gradient(circle at center,var(--foreground),transparent 60%);min-height:100vh}@supports (color:color-mix(in lab,red,red)){.editor-shell{background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--foreground) 6%,transparent) .9px,transparent 1.1px),radial-gradient(circle at center,color-mix(in srgb,var(--foreground) 3%,transparent),transparent 60%)}}.editor-shell{background-size:18px 18px,100% 100%;flex-direction:column;display:flex}.editor-shell,.editor-shell button,.editor-shell input,.editor-shell select{color:var(--foreground)}.editor-titlebar{z-index:2;min-height:var(--header-height);border-bottom:1px solid var(--border);background:var(--background);grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:center;gap:18px;padding:0 16px;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.editor-titlebar{background:color-mix(in srgb,var(--background) 84%,transparent)}}.editor-titlebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.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{isolation:isolate;flex:1;grid-template-columns:240px minmax(0,1fr) 280px;gap:16px;min-height:0;padding:28px 16px 16px;display:grid;position:relative}.editor-left-panel,.editor-right-panel{background:var(--surface);border:1px solid var(--border);min-height:0;box-shadow:var(--shadow);transition:transform .46s var(--workspace-spring),opacity .33s ease,filter .38s ease;will-change:transform,opacity,filter;border-radius:16px;overflow:auto;transform:translateZ(0)}.editor-columns[data-entering=true] .editor-left-panel{animation:editor-panel-enter-left .42s var(--workspace-spring) 30ms both}.editor-columns[data-entering=true] .editor-right-panel{animation:editor-panel-enter-right .42s var(--workspace-spring) 70ms both}.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{will-change:opacity;background:0 0;flex-direction:column;min-width:0;min-height:0;transition:opacity .28s;display:flex}.editor-columns[data-entering=true] .editor-main{animation:editor-main-enter .36s var(--workspace-spring) 50ms both}@keyframes editor-panel-enter-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes editor-panel-enter-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes editor-main-enter{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.editor-columns[data-mode=code] .editor-left-panel{opacity:0;filter:blur(2px);pointer-events:none;transform:translate(-104%)}.editor-columns[data-mode=code] .editor-right-panel{opacity:.42;filter:blur(7px);pointer-events:none;transform:translate(14px)scale(.985)}.editor-columns[data-mode=code] .editor-main{opacity:0;pointer-events:none}.editor-context{background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;min-height:50px;max-height:50px;padding:0 4px;transition:max-height .3s cubic-bezier(.23,1,.32,1),min-height .3s cubic-bezier(.23,1,.32,1),opacity .16s;display:flex;overflow:hidden}.editor-main[data-preview-focused=true] .editor-context{opacity:0;pointer-events:none;min-height:0;max-height:0}.editor-heading{align-items:center;gap:8px;min-width:0;display:flex;transform:translateY(-4px)}.editor-context h1{letter-spacing:.01em;margin:0;font-size:16px;font-weight:720}.editor-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.action-capsule{border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 2px var(--background);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.action-capsule{box-shadow:0 1px 2px color-mix(in srgb,var(--background) 68%,transparent)}}.code-panel-actions button,.editor-action-capsule button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .14s,color .14s;display:grid}.code-download-button:disabled,.code-panel-actions button:disabled{cursor:not-allowed;opacity:.42}.code-focus-view[data-locked=true] .code-panel pre{-webkit-user-select:none;user-select:none;filter:blur(7px);opacity:.55}.code-lock-card{z-index:2;border:1px solid var(--code-border);background:var(--code-background);border-radius:16px;width:min(620px,100% - 32px);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab,red,red)){.code-lock-card{background:color-mix(in srgb,var(--code-background) 94%,transparent)}}.code-lock-card{color:var(--code-foreground);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #00000038}.code-lock-card .eyebrow{color:var(--accent);text-align:left}.code-lock-card h3{letter-spacing:-.04em;margin:10px 0 22px;font-size:clamp(24px,4vw,36px)}.code-plan-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.code-plan-comparison>div{border:1px solid var(--code-border);border-radius:10px;gap:8px;padding:15px;display:grid}.code-plan-comparison strong{font-size:14px}.code-plan-comparison span{color:var(--code-muted);font-size:12px}.code-lock-card form{margin-top:18px}.code-upgrade-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:9px;width:100%;min-height:44px;font-weight:700}.code-load-error{background:var(--code-background);color:#b42328;border:1px solid #d66;border-radius:8px;padding:10px 12px;font-size:12px;position:absolute;inset:auto 16px 16px}@media (max-width:600px){.code-lock-card{padding:20px}.code-plan-comparison{grid-template-columns:1fr}}.editor-action-capsule button{width:34px;height:34px;color:var(--muted);border-radius:999px}.editor-action-capsule svg{fill:currentColor;width:18px;height:18px}.code-panel-actions button:active,.editor-action-capsule button:active{transform:scale(.97)}.playback-icon{place-items:center;width:18px;height:18px;display:grid;position:relative}.playback-icon svg{transition:transform .18s cubic-bezier(.23,1,.32,1),opacity .14s;position:absolute;inset:0}.playback-icon[data-playing=false] .playback-icon-play,.playback-icon[data-playing=true] .playback-icon-pause{opacity:1;transform:scale(1)rotate(0)}.playback-icon[data-playing=false] .playback-icon-pause,.playback-icon[data-playing=true] .playback-icon-play{opacity:0;transform:scale(.78)rotate(-18deg)}@media (hover:hover) and (pointer:fine){.editor-action-capsule button:hover{background:var(--surface-raised);color:var(--foreground)}}.editor-canvas{isolation:isolate;background:0 0;border-radius:0;flex:1;place-items:center;min-height:500px;margin:0;display:grid;position:relative;overflow:hidden}.preview-zoom{transform-origin:50%;transition:transform .46s var(--workspace-spring);will-change:transform;z-index:1;transform:translateY(-24px)}.editor-canvas[data-preview-focused=true] .preview-zoom{transform:translateY(-24px)scale(1.15)}.preview-canvas-status{z-index:3;justify-items:start;gap:10px;display:grid;position:absolute;bottom:12px;left:20px}.preview-focus-toggle{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;place-items:center;width:40px;height:40px;padding:0;display:grid}@supports (color:color-mix(in lab,red,red)){.preview-focus-toggle{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.preview-focus-toggle{color:var(--foreground);box-shadow:0 8px 22px var(--background)}@supports (color:color-mix(in lab,red,red)){.preview-focus-toggle{box-shadow:0 8px 22px color-mix(in srgb,var(--background) 64%,transparent)}}.preview-focus-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:transform .14s cubic-bezier(.23,1,.32,1),opacity .18s,background-color .16s,color .16s}.preview-focus-toggle svg{fill:currentColor;width:19px;height:19px}.preview-focus-toggle:active{transform:scale(.96)}.preview-canvas-details{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;line-height:1.25;transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .16s;display:flex}.preview-canvas-details span+span:before{content:"·";color:var(--faint);margin-right:8px}.preview-canvas-details span:first-child{color:var(--foreground);font-weight:620}.editor-canvas[data-preview-focused=true] .preview-canvas-details,.editor-canvas[data-preview-focused=true] .preview-focus-toggle{opacity:0;transform:translateY(8px)}@media (hover:hover) and (pointer:fine){.preview-focus-toggle:hover{background:var(--surface-raised);color:var(--accent)}.editor-canvas[data-preview-focused=true] .preview-focus-toggle:focus-visible,.editor-canvas[data-preview-focused=true]:hover .preview-focus-toggle{opacity:.92;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.editor-left-panel,.editor-main,.editor-right-panel{animation:none}.preview-zoom{transition:none}.editor-canvas[data-preview-focused=true] .preview-zoom{transform:translateY(-24px)}}.preview-stage{place-items:center;min-width:330px;min-height:330px;display:grid}.device-preview{aspect-ratio:1470/3000;width:clamp(198px,24.2vw,253px);position:relative}.device-preview-frame{z-index:1;pointer-events:none}.device-preview-screen{z-index:2;background:var(--device-preview-background);border-radius:13% 13% 11% 11%;place-items:center;display:grid;position:absolute;inset:2.3% 3.25% 2.15%;overflow:hidden}.device-preview-screen.is-transparent{background:0 0}.device-preview-screen .preview-stage{width:100%;min-width:0;height:100%;min-height:0}.device-preview-screen .preview-placeholder{color:var(--device-preview-foreground);text-align:center;padding:24px}.capsule-loader{--phase-duration:.35s;--cycle-duration:8.4s;--capsule-size:40px;--stroke-width:10px;--travel-distance:72px;--accent:#000;--easing:ease-out;width:calc(var(--capsule-size) + var(--travel-distance));height:calc(var(--capsule-size) + var(--travel-distance));position:relative}.capsule-loader-segment{--start-delay:0s;width:var(--capsule-size);height:var(--capsule-size);border:var(--stroke-width) solid var(--accent);box-sizing:border-box;will-change:width,height,transform;animation-duration:var(--cycle-duration);animation-delay:var(--start-delay);animation-timing-function:var(--easing);border-radius:999px;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;inset:0 auto auto 0}.capsule-loader-right{animation-name:capsule-loader-cycle-right}.capsule-loader-down{animation-name:capsule-loader-cycle-down}.capsule-loader-up{animation-name:capsule-loader-cycle-up}.cards-shuffle{--card-width:320px;--card-height:220px;--card-radius:24px;--preview-scale:.61;width:calc(var(--card-width) * var(--preview-scale));height:calc(var(--card-height) * var(--preview-scale));position:relative}.cards-shuffle-stack{transform:scale(var(--preview-scale));transform-origin:0 0;inset:0 auto auto 0}.cards-shuffle-stack,.shuffle-card{width:var(--card-width);height:var(--card-height);position:absolute}.shuffle-card{border-radius:var(--card-radius);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;align-items:flex-end;padding:24px;display:flex;inset:0;box-shadow:0 5px 10px #0006}.shuffle-card.is-front{cursor:grab}.shuffle-card.is-front.is-dragging{cursor:grabbing}.shuffle-card.is-exiting{pointer-events:none}.cards-shuffle.is-paused .shuffle-card.is-front{cursor:not-allowed}.metaball-particles{width:100%;height:100%;position:relative;overflow:hidden}.metaball-particles-canvas{width:100%;height:100%;display:block}.shuffle-card-profile{align-items:center;gap:12px;display:flex}.shuffle-card-avatar{background:#00000026;border-radius:50%;flex:none;width:36px;height:36px}.shuffle-card-lines{gap:8px;display:grid}.shuffle-card-lines i{background:#00000026;border-radius:4px;width:100px;height:10px;display:block}.shuffle-card-lines i+i{width:60px}@media (prefers-reduced-motion:reduce){.shuffle-card{transition-duration:.01ms!important}}@keyframes capsule-loader-cycle-right{0%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(0)}4.1667%{width:calc(var(--capsule-size) + var(--travel-distance));height:var(--capsule-size);transform:translate(0)}8.3333%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance))}25%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance))}29.1667%{width:var(--capsule-size);height:calc(var(--capsule-size) + var(--travel-distance));transform:translate(var(--travel-distance))}33.3333%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance),var(--travel-distance))}50%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance),var(--travel-distance))}54.1667%{width:calc(var(--capsule-size) + var(--travel-distance));height:var(--capsule-size);transform:translateY(var(--travel-distance))}58.3333%{width:var(--capsule-size);height:var(--capsule-size);transform:translateY(var(--travel-distance))}75%{width:var(--capsule-size);height:var(--capsule-size);transform:translateY(var(--travel-distance))}79.1667%{width:var(--capsule-size);height:calc(var(--capsule-size) + var(--travel-distance));transform:translate(0)}83.3333%,to{width:var(--capsule-size);height:var(--capsule-size);transform:translate(0)}}@keyframes capsule-loader-cycle-down{0%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance))}4.1667%{width:var(--capsule-size);height:calc(var(--capsule-size) + var(--travel-distance));transform:translate(var(--travel-distance))}8.3333%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance),var(--travel-distance))}25%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance),var(--travel-distance))}29.1667%{width:calc(var(--capsule-size) + var(--travel-distance));height:var(--capsule-size);transform:translateY(var(--travel-distance))}33.3333%{width:var(--capsule-size);height:var(--capsule-size);transform:translateY(var(--travel-distance))}50%{width:var(--capsule-size);height:var(--capsule-size);transform:translateY(var(--travel-distance))}54.1667%{width:var(--capsule-size);height:calc(var(--capsule-size) + var(--travel-distance));transform:translate(0)}58.3333%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(0)}75%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(0)}79.1667%{width:calc(var(--capsule-size) + var(--travel-distance));height:var(--capsule-size);transform:translate(0)}83.3333%,to{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance))}}@keyframes capsule-loader-cycle-up{0%{width:var(--capsule-size);height:var(--capsule-size);transform:translateY(var(--travel-distance))}4.1667%{width:var(--capsule-size);height:calc(var(--capsule-size) + var(--travel-distance));transform:translate(0)}8.3333%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(0)}25%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(0)}29.1667%{width:calc(var(--capsule-size) + var(--travel-distance));height:var(--capsule-size);transform:translate(0)}33.3333%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance))}50%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance))}54.1667%{width:var(--capsule-size);height:calc(var(--capsule-size) + var(--travel-distance));transform:translate(var(--travel-distance))}58.3333%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance),var(--travel-distance))}75%{width:var(--capsule-size);height:var(--capsule-size);transform:translate(var(--travel-distance),var(--travel-distance))}79.1667%{width:calc(var(--capsule-size) + var(--travel-distance));height:var(--capsule-size);transform:translateY(var(--travel-distance))}83.3333%,to{width:var(--capsule-size);height:var(--capsule-size);transform:translateY(var(--travel-distance))}}.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{--code-background:#f7f7fa;--code-border:#d7d7dd;--code-header-border:#e2e2e7;--code-foreground:#25252b;--code-muted:#797982;--code-line-number:#9898a1;--swift-comment:#6b8166;--swift-directive:#a95c18;--swift-keyword:#d1268c;--swift-number:#9d631d;--swift-string:#bd4c0c;--swift-type:#0077ae;border:1px solid var(--code-border);background:var(--code-background);width:min(760px,100% - 30px);max-height:calc(100% - 30px);color:var(--code-foreground);border-radius:12px;overflow:hidden;box-shadow:0 20px 70px #14141e29}.code-focus-view{z-index:2;opacity:0;pointer-events:none;background:var(--background);flex-direction:column;padding:0 0 20px;display:flex;position:absolute;inset:0;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.code-focus-view{background:color-mix(in srgb,var(--background) 10%,transparent)}}.code-focus-view{transition:background-color .18s,opacity .15s}.code-focus-view[data-open=true]{opacity:1;pointer-events:auto;background:var(--background)}.code-focus-view .code-panel{opacity:0;filter:blur(7px);width:auto;min-height:0;max-height:none;transition:transform .5s var(--workspace-spring),opacity .36s ease,filter .32s ease;will-change:transform,opacity,filter;border-radius:14px;flex-direction:column;flex:1;margin:16px clamp(20px,4vw,54px) 0;display:flex;position:relative;transform:translateY(14px)scale(.985)}.code-focus-view .code-panel pre{overscroll-behavior:contain;flex:1;max-height:none;overflow:auto}.code-panel-actions{z-index:1;border-color:var(--code-border);background:var(--code-background);border-radius:9px;position:absolute;top:12px;right:12px}@supports (color:color-mix(in lab,red,red)){.code-panel-actions{background:color-mix(in srgb,var(--code-background) 90%,var(--surface-raised))}}.code-panel-actions{color:var(--code-foreground)}.code-panel-actions button{border-radius:7px;width:32px;height:32px}.code-panel-actions svg{fill:currentColor;width:17px;height:17px}@media (hover:hover) and (pointer:fine){.code-panel-actions button:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.code-panel-actions button:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}}.code-panel-actions button:hover{color:var(--accent)}}@media (prefers-reduced-motion:reduce){.playback-icon svg{transition:opacity .12s}}body:has(.editor-shell) .site-footer{display:none}body:has(.editor-shell){background-color:var(--background);overflow:hidden}body:has(.editor-shell) .editor-shell{height:100dvh;min-height:100dvh}.code-handoff{text-align:center;align-content:center;justify-items:center;gap:16px;min-height:136px;padding:22px 24px 18px;display:grid}.code-handoff h2{letter-spacing:-.04em;max-width:560px;margin:0;font-size:clamp(24px,2vw,32px);font-weight:680;line-height:1.05}.code-handoff .code-download-button,.code-handoff h2{opacity:0;transition:transform .46s var(--workspace-spring),opacity .26s ease;transform:translateY(16px)}.code-focus-view[data-open=true] .code-handoff .code-download-button,.code-focus-view[data-open=true] .code-handoff h2{opacity:1;transform:translate(0)}.code-focus-view[data-open=true] .code-handoff h2{transition-delay:90ms}.code-focus-view[data-open=true] .code-handoff .code-download-button{transition-delay:.16s}.code-download-button{border:1px solid var(--accent);flex:none;min-height:34px}@supports (color:color-mix(in lab,red,red)){.code-download-button{border:1px solid color-mix(in srgb,var(--accent) 70%,var(--code-border))}}.code-download-button{background:var(--accent);color:var(--on-accent);cursor:pointer;border-radius:9px;padding:0 14px;font-size:12px;font-weight:680;transition:transform .14s cubic-bezier(.23,1,.32,1),filter .14s}.code-download-button:active,.code-focus-view[data-open=true] .code-handoff .code-download-button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.code-download-button:hover{filter:brightness(1.07)}}.code-focus-view[data-open=true] .code-panel{opacity:1;filter:blur();transition-delay:.27s;transform:translate(0)scale(1)}:root[data-theme=dark] .code-panel{--code-background:#101010;--code-border:#2d2d2d;--code-header-border:#363636;--code-foreground:#dedede;--code-muted:#969696;--code-line-number:#737373;--swift-comment:#7e8b9b;--swift-directive:#bd91dc;--swift-keyword:#f680b8;--swift-number:#d7c06b;--swift-string:#f2b47d;--swift-type:#51c0d4;box-shadow:0 20px 70px #00000052}.code-panel small{color:var(--code-muted)}.code-panel pre{tab-size:2;max-height:470px;margin:0;padding:18px 0;font:13px/1.6 SF Mono,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.swift-code{min-width:max-content;display:block}.swift-code-line{grid-template-columns:44px 1fr;min-height:1.6em;display:grid}.swift-line-number{color:var(--code-line-number);text-align:right;-webkit-user-select:none;user-select:none;padding-right:14px}.swift-code-content{padding-right:22px}.swift-token-comment{color:var(--swift-comment)}.swift-token-attribute,.swift-token-directive{color:var(--swift-directive)}.swift-token-keyword{color:var(--swift-keyword)}.swift-token-number{color:var(--swift-number)}.swift-token-string{color:var(--swift-string)}.swift-token-type{color:var(--swift-type)}.inspector-controls{padding:0 14px}.inspector-control-group{border-bottom:1px solid var(--border)}.inspector-control-group summary{cursor:pointer;min-height:48px;color:var(--foreground);justify-content:space-between;align-items:center;font-size:12px;font-weight:650;list-style:none;display:flex}.inspector-control-group summary::-webkit-details-marker{display:none}.inspector-control-group summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .16s;transform:rotate(45deg)translateY(-2px)}.inspector-control-group[open] summary:after{transform:rotate(225deg)translate(-2px,-2px)}.inspector-control-group-content .control-row:last-child{border-bottom:0}.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{min-width:5ch;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font:10px SFMono-Regular,Consolas,Liberation Mono,monospace}.control-row input[type=range]{width:100%;accent-color:var(--accent);margin-top:12px}.control-action-button,.control-row>select{width:100%;margin-top:9px}.control-action-button{border:1px solid var(--border-strong);background:var(--surface);min-height:36px;color:var(--foreground);cursor:pointer;border-radius:8px;font-size:11px;font-weight:620;transition:background-color .14s,border-color .14s,transform .14s}.control-action-button:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.control-action-button:hover{border-color:var(--accent);background:var(--accent-soft)}}.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}.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{padding-block:64px}.hero-copy h1{font-size:46px}.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-handoff{padding-inline:18px}}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}