@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{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}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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,samp,pre{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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}}.theme-light{--sd-bg:#eef3fd;--sd-bg-soft:#f7faff;--sd-surface:#ffffffb3;--sd-surface-strong:#fff;--sd-card:#f5f8ff;--sd-card-soft:#edf3ff;--sd-border:#1d376d1c;--sd-border-soft:#1d376d0f;--sd-text:#111d32;--sd-muted:#1a2f53;--sd-dim:#4a6593;--sd-dim-2:#6983af;--sd-accent:#199e86;--sd-accent-strong:#176;--sd-success:#11984e;--sd-shadow-xl:0 28px 72px #1120421c;--sd-shadow-soft:0 12px 30px #11204214;--sd-header-bg:#f5faff99;--sd-panel-bg:linear-gradient(180deg, #fffffffa, #f5fafff5);--sd-input-bg:#ffffffd1;--sd-overlay-bg:#11204257;--sd-menu-bg:#fffffffa;--sd-body-bg:radial-gradient(1050px circle at 10% -34%, #199e8633, transparent 62%), radial-gradient(950px circle at 88% -24%, #22aeec26, transparent 60%), radial-gradient(720px circle at 62% 0%, #e68d521c, transparent 62%), linear-gradient(180deg, #f8fbff 0%, #edf3fd 60%, #e9f0fc 100%)}.theme-dark{color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}html.theme-light{color-scheme:light}body{font-family:var(--sd-font-body);color:var(--sd-text);background:var(--sd-body-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}body:before,body:after{content:"";pointer-events:none;z-index:-1;position:fixed}body:before{background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:36px 36px;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 10%,#000000b3,#0000 84%);mask-image:radial-gradient(circle at 50% 10%,#000000b3,#0000 84%)}.theme-light body:before{background-image:linear-gradient(#182d5a0d 1px,#0000 1px),linear-gradient(90deg,#182d5a0d 1px,#0000 1px)}body:after{filter:blur(24px);background:radial-gradient(circle,#29c4a63d,#29c4a600);border-radius:50%;width:48vw;height:48vw;top:-22vh;right:-14vw}.theme-light body:after{background:radial-gradient(circle,#199e8624,#199e8600)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}::selection{background:var(--sd-accent)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--sd-accent) 42%,transparent)}}::selection{color:#fff}html{--sd-scrollbar-track-color:transparent;--sd-scrollbar-thumb-color:transparent;--sd-scrollbar-width:none}html.is-scrolling{--sd-scrollbar-track-color:var(--sd-bg-soft)}@supports (color:color-mix(in lab,red,red)){html.is-scrolling{--sd-scrollbar-track-color:color-mix(in srgb, var(--sd-bg-soft) 86%, #000 14%)}}html.is-scrolling{--sd-scrollbar-thumb-color:var(--sd-dim)}@supports (color:color-mix(in lab,red,red)){html.is-scrolling{--sd-scrollbar-thumb-color:color-mix(in srgb, var(--sd-dim) 72%, transparent 28%)}}html.is-scrolling{--sd-scrollbar-width:thin}*{scrollbar-width:var(--sd-scrollbar-width);scrollbar-color:var(--sd-scrollbar-thumb-color) var(--sd-scrollbar-track-color)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--sd-scrollbar-track-color)}::-webkit-scrollbar-thumb{border:2px solid var(--sd-scrollbar-track-color);background:var(--sd-scrollbar-thumb-color);border-radius:999px;transition:background-color .18s,border-color .18s}:root{--sd-font-body:"Manrope", ui-sans-serif, system-ui, sans-serif;--sd-font-display:"Manrope", ui-sans-serif, system-ui, sans-serif;--sd-bg:#fcfbf8;--sd-bg-soft:#f6f4ee;--sd-surface:#ffffffc7;--sd-surface-strong:#fff;--sd-card:#f4f2ec;--sd-card-soft:#efede7;--sd-border:#1c1c1c1f;--sd-border-soft:#1c1c1c14;--sd-text:#1c1c1c;--sd-muted:#343432;--sd-dim:#5f5f5d;--sd-dim-2:#8f8d86;--sd-accent:#1c1c1c;--sd-accent-strong:#0f0f0f;--sd-success:#15803d;--sd-shadow-xl:0 20px 44px #1c1c1c14;--sd-shadow-soft:0 10px 26px #1c1c1c0f;--sd-header-bg:#fcfbf8b8;--sd-panel-bg:linear-gradient(180deg, #fffffff5, #fcfbf8f0);--sd-input-bg:#ffffffe6;--sd-overlay-bg:#1c1c1c38;--sd-menu-bg:#fffffff5;--sd-body-bg:#fcfbf8}.theme-light{color-scheme:light}.theme-dark{--sd-bg:#121212;--sd-bg-soft:#171717;--sd-surface:#1c1c1cc7;--sd-surface-strong:#1c1c1c;--sd-card:#1f1f1f;--sd-card-soft:#242424;--sd-border:#fff3;--sd-border-soft:#ffffff1f;--sd-text:#f6f5f2;--sd-muted:#e5e2db;--sd-dim:#c0bdb6;--sd-dim-2:#9f9b93;--sd-accent:#f6f5f2;--sd-accent-strong:#fff;--sd-success:#4ade80;--sd-shadow-xl:0 28px 66px #00000080;--sd-shadow-soft:0 14px 34px #0000005c;--sd-header-bg:#121212bd;--sd-panel-bg:linear-gradient(180deg, #1c1c1cf0, #121212eb);--sd-input-bg:#1e1e1ee0;--sd-overlay-bg:#0009;--sd-menu-bg:#181818f5;--sd-body-bg:#121212}html{color-scheme:light}html.theme-dark{color-scheme:dark}body{background:var(--sd-body-bg);color:var(--sd-text)}body:before,body:after{display:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}.floating-console-wrapper{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%);width:min(56vw,820px);z-index:100;pointer-events:none}.floating-console-wrapper.variant-hero{position:relative;left:auto;bottom:auto;transform:none;width:100%;max-width:820px;margin:0 auto}.floating-console-wrapper.variant-floating{position:sticky;top:84px;left:50%;bottom:auto;transform:translate(-50%);width:min(56vw,820px);margin:0 0 1.2rem;pointer-events:auto;z-index:20}.floating-console{position:relative;background:#ffffffb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(0,0,0,.06);border-radius:24px;box-shadow:0 12px 28px #0f172a14;padding:.72rem .82rem .66rem;pointer-events:auto;overflow:visible;transition:box-shadow .2s ease,transform .2s ease}.floating-console:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(148,163,184,.08);pointer-events:none}.floating-console:focus-within{transform:translateY(-1px);box-shadow:0 16px 34px #0f172a1f}.theme-dark .floating-console{background:#1a1a1aa6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#ffffff1a;box-shadow:0 20px 44px #0000006b}.theme-dark .floating-console:before{border-color:#ffffff0d}.console-main{display:flex;gap:.66rem;min-height:140px}.console-frame-strip{display:inline-flex;align-items:flex-start;gap:.26rem;flex-shrink:0;padding-top:.24rem}.console-frame-strip.subject{padding-left:.14rem}.console-frame-card{--tilt: 0deg;appearance:none;width:50px;height:66px;border:.5px solid rgba(0,0,0,.08);border-radius:4px;background:#f5f7fa;color:#8c97a4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;cursor:pointer;position:relative;overflow:hidden;padding:.16rem;transform:rotate(var(--tilt));transition:transform .18s ease,background-color .18s ease}.console-frame-card.left{--tilt: -6.5deg}.console-frame-card.right{--tilt: 6.5deg}.console-frame-card:hover{transform:translateY(-2px) rotate(var(--tilt));border-color:#0000001a;background:#eef2f6}.console-frame-card span{font-size:.52rem;font-weight:500;text-align:center;line-height:1.2}.console-frame-card.has-image{padding:0}.console-frame-card.has-image img{width:100%;height:100%;object-fit:cover}.console-frame-remove{position:absolute;right:5px;top:5px;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#111827c2;color:#fff;cursor:pointer}.console-frame-link{width:18px;height:18px;border-radius:0;display:inline-flex;align-items:center;justify-content:center;color:#a0aab8;background:transparent;border:none;margin-top:16px}.console-frame-strip.all-around{display:flex;align-items:stretch;gap:.36rem;min-width:240px;max-width:340px}.console-all-around-add{appearance:none;width:62px;min-height:78px;border:.5px dashed rgba(0,0,0,.1);border-radius:10px;background:#f8fafc;color:#76859a;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:.62rem;font-weight:600;cursor:pointer;flex-shrink:0}.console-all-around-add:hover{background:#f1f5f9;border-color:#00000024}.console-all-around-list{min-width:0;flex:1;display:flex;flex-direction:column;gap:.28rem;max-height:90px;overflow-y:auto;padding-right:.12rem}.console-all-around-item{min-width:0;border:.5px solid rgba(0,0,0,.07);border-radius:8px;background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.3rem;min-height:28px;padding:.2rem .28rem}.console-all-around-kind{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:17px;border-radius:999px;font-size:.54rem;font-weight:700;letter-spacing:.02em;border:.5px solid rgba(0,0,0,.08);color:#617489;background:#f8fafc}.console-all-around-item.image .console-all-around-kind{color:#166534;border-color:#22c55e40;background:#f0fdf4}.console-all-around-item.video .console-all-around-kind{color:#1d4ed8;border-color:#3b82f640;background:#eff6ff}.console-all-around-item.audio .console-all-around-kind{color:#7c3aed;border-color:#8b5cf640;background:#f5f3ff}.console-all-around-name{min-width:0;font-size:.66rem;color:#475569;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-all-around-remove{appearance:none;width:18px;height:18px;border:none;border-radius:999px;background:#eef2f7;color:#5f6b7d;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.console-all-around-remove:hover{background:#e2e8f0}.console-prompt-panel{flex:1;min-width:0}.prompt-textarea{width:100%;border:none;background:transparent;color:var(--sd-text);caret-color:var(--sd-text);resize:none;outline:none;min-height:90px;max-height:150px;line-height:1.45;font-size:.98rem;padding:.08rem .12rem 0}.prompt-textarea::placeholder{color:var(--sd-dim-2)}.theme-dark .prompt-textarea{color:var(--sd-text)}.theme-dark .prompt-textarea::placeholder{color:color-mix(in srgb,var(--sd-text) 58%,transparent)}.console-bottom-row{margin-top:.38rem;display:flex;align-items:center;gap:.36rem;position:relative;z-index:6}.console-generation-hint{margin:.28rem 0 0;padding:0 .16rem;font-size:.72rem;line-height:1.3;color:#b45309;font-weight:560}.console-control-track{min-width:0;flex:1;display:flex;align-items:center;gap:.26rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-bottom:.15rem}.floating-console.has-open-popover .console-control-track{overflow:visible}.console-control-track::-webkit-scrollbar{display:none}.pill-anchor{position:relative;flex-shrink:0;z-index:8}.setting-pill{appearance:none;border:.5px solid rgba(0,0,0,.09);border-radius:10px;background:#fff;color:#3d495a;min-height:32px;padding:.26rem .56rem;display:inline-flex;align-items:center;gap:.34rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .16s ease,border-color .16s ease;max-width:214px;white-space:nowrap}.setting-pill span{overflow:hidden;text-overflow:ellipsis}.setting-pill svg{flex-shrink:0}.model-pill-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.model-pill-icon img{width:100%;height:100%;object-fit:contain}.setting-pill:hover{background:#f8fafc;border-color:#0000001f}.setting-pill.active{border-color:#00000017;background:#fff}.setting-pill.is-static{cursor:default}.setting-pill.is-static:hover{background:#fff;border-color:#00000017}.generation-pill{color:#1d9dc8;border-color:#1d9dc82e;background:#f2fbff}.generation-pill:hover,.generation-pill.active{border-color:#1d9dc82e;background:#f2fbff}.reference-pill{color:#1f2937}.pill-meta{font-size:.62rem;color:#66758b;font-weight:500}.settings-popover{position:absolute;left:0;top:auto;bottom:calc(100% + .42rem);background:#fff;border:1px solid #dfe5ee;border-radius:14px;padding:.3rem;box-shadow:0 16px 32px #0f172a1f;display:flex;flex-direction:column;gap:.22rem;z-index:220}.floating-console-wrapper.variant-hero .settings-popover{top:calc(100% + .42rem);bottom:auto}.theme-dark .settings-popover{background:#141922;border-color:#fff3}.simple-popover{min-width:140px}.model-popover{min-width:320px;width:min(420px,calc(100vw - 1.6rem));max-height:min(48vh,360px);overflow-y:auto;padding:.26rem}.model-popover-group{display:flex;flex-direction:column;gap:.18rem}.model-popover-group+.model-popover-group{margin-top:.2rem}.model-popover-group-title{margin:0;padding:.34rem .52rem .18rem;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#8a96a7}.theme-dark .model-popover-group-title{color:#9fb0c8}.model-popover-option{align-items:flex-start;gap:.52rem;padding:.46rem .52rem;min-height:46px}.model-option-main{min-width:0;flex:1;display:inline-flex;align-items:flex-start;gap:.48rem}.model-option-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.model-option-icon img{width:100%;height:100%;object-fit:contain}.model-option-text{min-width:0;display:flex;flex-direction:column;gap:.08rem}.model-option-name{font-size:.82rem;font-weight:600;line-height:1.2;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-option-description{font-size:.67rem;line-height:1.3;font-weight:500;color:#7a879a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-dark .model-option-description{color:#9aabc1}.model-option-tags{display:inline-flex;align-items:center;gap:.26rem;flex-shrink:0}.model-option-tag{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #d7dde6;color:#6d7a8d;font-size:.58rem;font-weight:600;line-height:1;padding:.2rem .34rem;background:#f8fafc}.model-option-tag.priority{border-color:#3b82f673;color:#1d4ed8;background:#3b82f61f}.model-option-tag.status.coming-soon{border-color:#fbbf2480;color:#b45309;background:#fbbf2424}.model-option-tag.status.unavailable{border-color:#d7dde6;color:#7a8697;background:#f5f7fa}.theme-dark .model-option-tag{border-color:#fff3;color:#c7d3e6;background:#94a3b829}.theme-dark .model-option-tag.priority{border-color:#60a5fa8c;color:#93c5fd;background:#60a5fa29}.theme-dark .model-option-tag.status.coming-soon{border-color:#fbbf248c;color:#facc15;background:#fbbf2429}.theme-dark .model-option-tag.status.unavailable{border-color:#94a3b866;color:#a7b6cb;background:#94a3b81f}.reference-popover{min-width:246px;padding:.3rem;gap:.24rem}.popover-option{appearance:none;border:none;background:transparent;color:inherit;padding:.36rem .52rem;border-radius:10px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.72rem;font-size:.84rem;font-weight:560}.popover-option:hover{background:#f5f6f8}.theme-dark .popover-option:hover{background:#94a3b82e}.popover-option.selected{background:#f0f2f5;color:#0f172a}.theme-dark .popover-option.selected{background:#94a3b83d;color:#edf2f7}.popover-option:disabled{opacity:.5;cursor:not-allowed}.reference-option{min-height:36px}.option-title{display:inline-flex;align-items:center;gap:.42rem;min-width:0}.option-title span{overflow:hidden;text-overflow:ellipsis}.option-trailing{display:inline-flex;align-items:center;gap:.55rem;flex-shrink:0}.option-badge{display:inline-flex;align-items:center;justify-content:center;min-height:16px;border-radius:999px;padding:0 .42rem;font-size:.62rem;font-weight:700;color:#0891b2;background:#e0f2fe}.option-meta{font-size:.6rem;color:#728198;flex-shrink:0}.theme-dark .option-meta{color:#9db0cb}.video-settings-popover{min-width:min(384px,calc(100vw - 2rem));padding:.42rem;gap:.42rem}.video-settings-section{display:flex;flex-direction:column;gap:.34rem}.settings-section-title{margin:0;font-size:.78rem;font-weight:580;color:#8a96a7}.theme-dark .settings-section-title{color:#9fb0c8}.ratio-selector-grid{border:1px solid #e3e7ef;border-radius:10px;background:#fff;padding:.14rem;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.14rem}.theme-dark .ratio-selector-grid{border-color:#ffffff26;background:#2a3038}.ratio-option{appearance:none;border:1px solid transparent;border-radius:8px;min-height:42px;background:transparent;color:#5d6c80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.14rem;cursor:pointer;font-size:.66rem;font-weight:600}.ratio-option:hover{background:#f6f8fb}.ratio-option.selected{background:#fff;border-color:#e5e7eb;color:#111827}.theme-dark .ratio-option{color:#a9b8cc}.theme-dark .ratio-option:hover{background:#ffffff0f}.theme-dark .ratio-option.selected{background:#1b222c;border-color:#ffffff2e;color:#f4f7ff}.ratio-shape{display:inline-block;border:1.5px solid currentColor;border-radius:3px}.ratio-21-9{width:18px;height:8px}.ratio-16-9{width:16px;height:9px}.ratio-4-3{width:14px;height:10px}.ratio-3-2{width:15px;height:10px}.ratio-1-1{width:12px;height:12px}.ratio-2-3{width:10px;height:15px}.ratio-3-4{width:10px;height:13px}.ratio-9-16{width:8px;height:15px}.resolution-selector-grid{border:1px solid #e3e7ef;border-radius:10px;background:#fff;padding:.14rem;display:grid;grid-template-columns:1fr 1fr;gap:.14rem}.theme-dark .resolution-selector-grid{border-color:#ffffff26;background:#2a3038}.resolution-option{appearance:none;border:1px solid transparent;border-radius:8px;background:transparent;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:.26rem;color:#8c9aa9;font-size:.9rem;font-weight:600;cursor:pointer}.resolution-option.selected{background:#fff;color:#111827;border-color:#e5e7eb}.resolution-option.is-upgrade{color:#aeb7c1}.resolution-option.is-upgrade:disabled{cursor:not-allowed;opacity:1}.upgrade-mark{display:inline-flex;align-items:center;gap:.18rem;font-size:.58rem;color:#1aa4c8;font-weight:650}.theme-dark .resolution-option{color:#9fb0c3}.theme-dark .resolution-option.selected{background:#1b222c;border-color:#ffffff2e;color:#f3f6fd}.duration-popover{min-width:196px;max-height:min(44vh,320px);overflow-y:auto;padding:.34rem;gap:.3rem;right:0;left:auto}.duration-title{margin-bottom:.08rem}.duration-option{min-height:34px;border-radius:9px;padding:.34rem .5rem}.duration-option-main{display:inline-flex;align-items:center;gap:.44rem;font-size:.84rem}.duration-option.selected{background:#edf2f7;color:#111827}.theme-dark .duration-option.selected{background:#ffffff1a;color:#f3f6fd}.console-submit-area{margin-left:auto;display:inline-flex;align-items:center;gap:.44rem;flex-shrink:0}.console-credit-indicator{display:inline-flex;align-items:center;gap:.32rem;color:#64748b;font-size:.8rem;font-weight:700}.theme-dark .console-credit-indicator{color:#9fb0c8}.theme-dark .console-generation-hint{color:#fbbf24}.generate-submit-btn{appearance:none;width:31px;height:31px;border-radius:50%;border:1px solid #d7dce3;background:#e5e7eb;color:#b4bcc8;display:inline-flex;align-items:center;justify-content:center;cursor:not-allowed;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.generate-submit-btn.active{background:#000;color:#fff;border-color:#000;cursor:pointer}.generate-submit-btn.active:hover{background:#000;border-color:#000;transform:translateY(-1px);box-shadow:0 10px 20px #0000004d}.generate-submit-btn .spinning{animation:spin 1s linear infinite}.theme-dark .setting-pill{background:#2b3037;border-color:#ffffff2e;color:#edf2f8}.theme-dark .setting-pill:hover{background:#343a43;border-color:#93c5fd70}.theme-dark .setting-pill.active,.theme-dark .setting-pill.is-static:hover{background:#2b3037;border-color:#ffffff2e}.theme-dark .generation-pill{color:#7dd3fc;background:#082f497a;border-color:#7dd3fc80}.theme-dark .generation-pill:hover,.theme-dark .generation-pill.active{background:#082f497a;border-color:#7dd3fc80}.theme-dark .console-frame-card{background:#2b323c;border-color:#ffffff2e;color:#9fb0c1}.theme-dark .console-frame-card:hover{background:#374151;border-color:#93c5fd85}.theme-dark .console-frame-link{background:transparent;border:none;color:#93a2b5}.theme-dark .console-all-around-add{background:#2b323c;border-color:#ffffff38;color:#a7b6ca}.theme-dark .console-all-around-add:hover{background:#333b46;border-color:#93c5fd8c}.theme-dark .console-all-around-item{background:#242b35;border-color:#ffffff24}.theme-dark .console-all-around-kind{border-color:#fff3;color:#b7c5d9;background:#94a3b829}.theme-dark .console-all-around-item.image .console-all-around-kind{border-color:#4ade8073;color:#86efac;background:#16653459}.theme-dark .console-all-around-item.video .console-all-around-kind{border-color:#60a5fa80;color:#93c5fd;background:#1e3a8a61}.theme-dark .console-all-around-item.audio .console-all-around-kind{border-color:#a78bfa80;color:#c4b5fd;background:#4c1d9561}.theme-dark .console-all-around-name{color:#c5d2e4}.theme-dark .console-all-around-remove{background:#94a3b833;color:#c5d2e4}.theme-dark .console-all-around-remove:hover{background:#94a3b852}.theme-dark .generate-submit-btn{background:#424a56;border-color:#ffffff3d;color:#8f9eb1}.theme-dark .generate-submit-btn.active{background:#f0f4f8;border-color:#f0f4f8;color:#111827}.theme-dark .generate-submit-btn.active:hover{background:#fff;border-color:#fff}.floating-console-wrapper{transition:none}.floating-console{transition:padding .28s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,transform .2s ease}.console-main{transition:min-height .28s cubic-bezier(.4,0,.2,1),gap .28s cubic-bezier(.4,0,.2,1)}.prompt-textarea{transition:min-height .28s cubic-bezier(.4,0,.2,1),max-height .28s cubic-bezier(.4,0,.2,1)}.console-bottom-row{transition:max-height .26s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin-top .26s cubic-bezier(.4,0,.2,1);max-height:120px;overflow:hidden}.floating-console.has-open-popover .console-bottom-row{overflow:visible;max-height:none}.console-generation-hint{transition:max-height .22s ease,opacity .18s ease,margin-top .22s ease;max-height:60px;overflow:hidden}.floating-console-wrapper.collapsed .floating-console{padding:.42rem .62rem .38rem}.floating-console-wrapper.collapsed .console-main{min-height:0;gap:.44rem;align-items:center}.floating-console-wrapper.collapsed .console-frame-strip{padding-top:0}.floating-console-wrapper.collapsed .console-frame-card{width:20px;height:26px}.floating-console-wrapper.collapsed .console-frame-card span{display:none}.floating-console-wrapper.collapsed .console-frame-link{margin-top:6px}.floating-console-wrapper.collapsed .prompt-textarea{min-height:1.4em;max-height:1.4em;overflow:hidden}.floating-console-wrapper.collapsed .console-bottom-row{max-height:0;opacity:0;margin-top:0;pointer-events:none}.floating-console-wrapper.collapsed .console-generation-hint{max-height:0;opacity:0;margin-top:0}.floating-console-wrapper.collapsed .console-all-around-add{min-height:26px;width:30px;font-size:0}.floating-console-wrapper.collapsed .console-all-around-list{max-height:26px}.floating-console-wrapper.collapsed .console-submit-area{flex-shrink:0}@media(max-width:1024px){.floating-console-wrapper.variant-floating{top:72px}.floating-console{border-radius:20px;padding:.62rem}.console-main{min-height:146px}.setting-pill{min-height:31px;font-size:.78rem;max-width:194px}.video-settings-popover{min-width:min(404px,calc(100vw - 2rem))}}@media(max-width:820px){.floating-console-wrapper{width:94%}.floating-console-wrapper.variant-floating{width:100%}.floating-console{border-radius:18px;padding:.56rem}.console-main{flex-direction:column;min-height:0;gap:.44rem}.console-frame-strip{justify-content:flex-start;padding-top:0}.console-frame-strip.all-around{max-width:100%}.console-frame-card{width:54px;height:70px}.console-frame-link{margin-top:18px}.prompt-textarea{min-height:92px;max-height:152px;font-size:.92rem}.video-settings-popover{min-width:min(368px,calc(100vw - 2rem))}.ratio-selector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.floating-console-wrapper{bottom:.8rem}.floating-console-wrapper.variant-floating{top:66px}.console-bottom-row{gap:.4rem}.setting-pill{max-width:none;font-size:.76rem}.console-credit-indicator{font-size:.78rem}.generate-submit-btn{width:34px;height:34px}.video-settings-popover{min-width:min(90vw,420px)}.duration-popover{min-width:min(84vw,280px)}}.explore-page{position:relative;padding:0 1.6rem 3.4rem;display:flex;flex-direction:column;gap:3.8rem;max-width:1240px;margin:0 auto}.explore-page:before{content:"";position:absolute;top:0;left:50%;width:min(92vw,1040px);height:430px;transform:translate(-50%);border-radius:0 0 36px 36px;background:radial-gradient(circle at 14% 10%,rgba(41,196,166,.28),transparent 40%),radial-gradient(circle at 86% 12%,rgba(34,174,236,.22),transparent 44%),linear-gradient(170deg,#101c34db,#081222b3);border:1px solid color-mix(in srgb,var(--sd-border-soft) 90%,transparent);box-shadow:var(--sd-shadow-xl);z-index:-1}.theme-light .explore-page:before{background:radial-gradient(circle at 14% 10%,rgba(25,158,134,.18),transparent 42%),radial-gradient(circle at 86% 12%,rgba(34,174,236,.14),transparent 42%),linear-gradient(170deg,#fffffff5,#f1f7ffeb)}.explore-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.95rem;padding:4.6rem 1rem 2.1rem;position:relative}.explore-hero:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:110px;min-height:10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--sd-accent) 45%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--sd-accent) 18%,transparent),color-mix(in srgb,var(--sd-accent-strong) 24%,transparent));box-shadow:0 0 24px color-mix(in srgb,var(--sd-accent) 35%,transparent)}.explore-hero-title{font-family:var(--sd-font-display);font-size:clamp(2.25rem,6.3vw,4.35rem);font-weight:770;margin:0;color:var(--sd-text);letter-spacing:-.03em;line-height:1.05;max-width:14ch;text-wrap:balance}.explore-hero-subtitle{font-size:1.02rem;line-height:1.7;color:var(--sd-dim);max-width:640px;margin:0}.explore-console-container{width:100%;max-width:840px;margin-top:1.5rem}.explore-console-container .floating-console{width:100%}.explore-feed-section{display:flex;flex-direction:column;gap:1.5rem}.explore-section-title{font-size:1.12rem;font-weight:700;color:var(--sd-text);margin:0;display:flex;align-items:center;gap:.56rem}.explore-section-title:before{content:"";display:inline-block;width:32px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--sd-accent),var(--sd-accent-strong))}@media(max-width:768px){.explore-page{padding:0 .95rem 2.4rem;gap:2.8rem}.explore-page:before{width:calc(100vw - 1.2rem);height:380px}.explore-hero{padding:3.1rem .2rem 1rem}.explore-hero-subtitle{font-size:.9rem}.explore-console-container{margin-top:1rem}}.explore-page{gap:4.6rem}.explore-page:before{width:100%;max-width:1220px;height:520px;border:none;border-radius:0;box-shadow:none;background:radial-gradient(circle at 14% 8%,rgba(41,196,166,.22),transparent 42%),radial-gradient(circle at 84% 10%,rgba(34,174,236,.18),transparent 46%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.06),transparent 54%)}.theme-light .explore-page:before{background:radial-gradient(circle at 14% 8%,rgba(25,158,134,.14),transparent 42%),radial-gradient(circle at 84% 10%,rgba(34,174,236,.12),transparent 46%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.6),transparent 54%)}.explore-hero{padding-top:5.2rem}.explore-hero:before{width:74px;min-height:4px;border:none;background:linear-gradient(90deg,var(--sd-accent),var(--sd-accent-strong));box-shadow:0 0}.explore-hero-title{font-size:clamp(2.7rem,7vw,5.2rem);max-width:16ch}.explore-hero-subtitle{max-width:760px;font-size:1.04rem}@media(max-width:768px){.explore-page{gap:3rem}.explore-page:before{height:430px}.explore-hero{padding-top:3.5rem}}.explore-page{max-width:1360px;gap:5.8rem}.explore-page:before{max-width:1320px;height:620px;background:radial-gradient(circle at 16% 6%,rgba(41,196,166,.2),transparent 44%),radial-gradient(circle at 84% 8%,rgba(34,174,236,.17),transparent 50%),radial-gradient(circle at 50% -4%,rgba(255,255,255,.1),transparent 58%)}.theme-light .explore-page:before{background:radial-gradient(circle at 16% 6%,rgba(25,158,134,.12),transparent 44%),radial-gradient(circle at 84% 8%,rgba(34,174,236,.1),transparent 50%),radial-gradient(circle at 50% -4%,rgba(255,255,255,.66),transparent 58%)}.explore-hero{gap:1.26rem;padding-top:6rem;padding-bottom:2.8rem}.explore-hero-title{font-size:clamp(3rem,8vw,6rem);max-width:14ch;letter-spacing:-.04em}.explore-hero-subtitle{max-width:860px;font-size:1.08rem;line-height:1.86;text-wrap:balance}.explore-console-container{max-width:1020px;margin-top:2.1rem}@media(max-width:1024px){.explore-page{gap:4rem}.explore-hero{padding-top:4.8rem}.explore-hero-title{font-size:clamp(2.6rem,7.2vw,4.8rem)}}@media(max-width:768px){.explore-page{gap:3.2rem}.explore-page:before{height:460px}.explore-hero{padding-top:3.7rem;gap:.9rem}.explore-hero-title{font-size:clamp(2.1rem,10vw,3rem);max-width:12ch}.explore-hero-subtitle{font-size:.92rem;line-height:1.68}.explore-console-container{margin-top:1rem}}.explore-page{max-width:100%;padding:0 0 4.2rem;gap:4.4rem}.explore-page:before{display:none}.explore-hero{position:relative;min-height:min(92vh,920px);justify-content:center;padding:8rem 1.2rem 5.4rem;overflow:hidden;gap:1rem}.explore-hero:before{display:none}.explore-hero:after{content:"";position:absolute;inset:0;z-index:-2;background:url(/img/hero-pulse-light.svg) center center / cover no-repeat}.explore-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;pointer-events:none}.theme-dark .explore-hero:after{background:url(/img/hero-pulse-dark.svg) center center / cover no-repeat}.theme-dark .explore-hero:before{opacity:.5}.explore-hero-flow,.explore-hero-blobs{display:none}.explore-hero-blobs span:nth-child(1){width:46%;aspect-ratio:1.2;top:-12%;left:-6%;background:radial-gradient(circle,#6366f18c,#6366f100 72%);animation:blob-drift-1 14s ease-in-out infinite}.explore-hero-blobs span:nth-child(2){width:40%;aspect-ratio:1;top:-8%;right:-4%;background:radial-gradient(circle,#a855f773,#a855f700 70%);animation:blob-drift-2 18s ease-in-out infinite}.explore-hero-blobs span:nth-child(3){width:38%;aspect-ratio:1.15;top:32%;left:8%;background:radial-gradient(circle,#2dd4bf66,#2dd4bf00 68%);animation:blob-drift-3 16s ease-in-out infinite}.explore-hero-blobs span:nth-child(4){width:42%;aspect-ratio:1.1;top:40%;right:4%;background:radial-gradient(circle,#fb718561,#fb718500 66%);animation:blob-drift-4 20s ease-in-out infinite}.explore-hero-blobs span:nth-child(5){width:50%;aspect-ratio:1.3;bottom:-14%;left:28%;background:radial-gradient(circle,#fbbf244d,#fbbf2400 62%);animation:blob-drift-5 22s ease-in-out infinite}.explore-hero-blobs span:nth-child(6){width:30%;aspect-ratio:1;bottom:6%;left:-4%;background:radial-gradient(circle,#38bdf852,#38bdf800 66%);animation:blob-drift-6 17s ease-in-out infinite}@keyframes blob-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(6%,10%) scale(1.08)}66%{transform:translate(-3%,5%) scale(.95)}}@keyframes blob-drift-2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-8%,6%) scale(1.1)}50%{transform:translate(-4%,12%) scale(.92)}75%{transform:translate(3%,8%) scale(1.05)}}@keyframes blob-drift-3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(10%,-8%) scale(1.12)}70%{transform:translate(5%,4%) scale(.9)}}@keyframes blob-drift-4{0%,to{transform:translate(0) scale(1)}30%{transform:translate(-6%,-10%) scale(.94)}60%{transform:translate(4%,-5%) scale(1.08)}}@keyframes blob-drift-5{0%,to{transform:translate(0) scale(1)}35%{transform:translate(-5%,-6%) scale(1.06)}65%{transform:translate(6%,-3%) scale(.96)}}@keyframes blob-drift-6{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8%,-10%) scale(1.14)}}.explore-hero-noise{position:absolute;inset:0;z-index:-1;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px;pointer-events:none}.theme-dark .explore-hero-noise{opacity:.05}.explore-announce-bar{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100vw;margin-left:calc(50% - 50vw);margin-bottom:-4.4rem;padding:.6rem 1.4rem;background:linear-gradient(92deg,#0d9488,#0891b2 30%,#6366f1,#8b5cf6);color:#fff;font-size:.88rem;font-weight:600;letter-spacing:.015em;cursor:pointer;text-decoration:none;position:relative;z-index:10;animation:announce-slide-down .6s ease-out;transition:filter .2s ease}.explore-announce-bar:hover{filter:brightness(1.12)}.explore-announce-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399b3,0 0 12px #34d3994d;flex-shrink:0;animation:announce-pulse 2s ease-in-out infinite}.explore-announce-text{white-space:nowrap}.explore-announce-arrow{font-size:1rem;opacity:.8;transition:transform .2s ease,opacity .2s ease}.explore-announce-bar:hover .explore-announce-arrow{transform:translate(3px);opacity:1}@keyframes announce-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes announce-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.theme-light .explore-announce-bar{background:linear-gradient(92deg,#0d9488,#0891b2 28%,#4f46e5 62%,#7c3aed)}.theme-dark .explore-announce-bar{background:linear-gradient(92deg,#0d9488d9,#0891b2cc 30%,#6366f1cc,#8b5cf6bf)}@media(max-width:768px){.explore-announce-bar{font-size:.8rem;padding:.5rem 1rem;gap:.45rem}}.explore-hero-title{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:620;letter-spacing:-.02em;max-width:22ch;color:#1c1c1c}.theme-dark .explore-hero-title{color:#f4f3f0}.explore-hero-subtitle{max-width:760px;font-size:1rem;line-height:1.7;color:#5f5f5d}.theme-dark .explore-hero-subtitle{color:#d0ccc4}.explore-console-container{max-width:1400px;margin-top:1.2rem}@media(max-width:768px){.explore-page{gap:2.6rem;padding-bottom:3rem}.explore-hero{min-height:min(80vh,720px);padding:5.4rem .9rem 3rem}.explore-hero-title{font-size:clamp(1.6rem,8.3vw,2.2rem)}.explore-hero-subtitle{font-size:.9rem;line-height:1.58}.explore-hero-blobs{filter:blur(60px) saturate(1.3)}.theme-dark .explore-hero-blobs{filter:blur(80px) saturate(1.05)}}@media(prefers-reduced-motion:reduce){.explore-hero-blobs span{animation:none!important}}.generate-page{padding:1rem 1.5rem 8rem;max-width:1200px;margin:0 auto}.generate-page-minimal{max-width:none;min-height:calc(100vh - 74px);padding:0 1rem 8.8rem}.generate-page-minimal .floating-console{border-color:#1c1c1c0d}.generate-page-minimal .floating-console:before{border:none}.theme-dark .generate-page-minimal .floating-console{border-color:#ffffff14}.generate-page-minimal .floating-console-wrapper.variant-floating{position:fixed;top:auto;left:50%;bottom:max(.9rem,env(safe-area-inset-bottom));transform:translate(-50%);z-index:95;margin:0}@media(max-width:960px){.generate-page-minimal{min-height:calc(100vh - 66px);padding:0 .75rem 8.4rem}.generate-page-minimal .floating-console-wrapper.variant-floating{bottom:max(.65rem,env(safe-area-inset-bottom))}}.generate-workspace{width:100%;margin:0 auto;display:flex;flex-direction:column;position:relative;z-index:1;min-height:40vh}.generate-form-panel>*{min-width:0}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border-radius:.95rem;border:1px solid var(--sd-border-soft);background:color-mix(in srgb,var(--sd-surface-strong) 75%,transparent);padding:.24rem}.mode-tab{border:0;border-radius:.76rem;background:transparent;color:var(--sd-dim);display:inline-flex;align-items:center;justify-content:center;gap:.43rem;min-height:44px;padding:.42rem .76rem;font-size:.89rem;font-weight:630;cursor:pointer;transition:color .12s ease,background-color .12s ease,box-shadow .12s ease}.mode-tab svg{width:16px;height:16px}.mode-tab.active{background:color-mix(in srgb,var(--sd-accent) 16%,var(--sd-surface-strong));color:var(--sd-text);box-shadow:var(--sd-shadow-soft)}.field-group{display:grid;gap:.58rem}.field-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.field-label{margin:0;display:inline-flex;align-items:center;gap:.42rem;color:var(--sd-muted);font-size:.84rem;font-weight:620}.field-label svg{width:14px;height:14px}.field-note{font-size:.75rem;color:var(--sd-dim-2)}.model-select{position:relative;width:100%;min-width:0}.model-trigger{width:100%;border:1px solid var(--sd-border-soft);border-radius:1rem;background:var(--sd-input-bg);color:var(--sd-text);display:flex;align-items:center;gap:.75rem;padding:.82rem .88rem;text-align:left;cursor:pointer}.model-trigger:hover{border-color:var(--sd-border)}.model-icon{width:34px;height:34px;border-radius:.66rem;background:linear-gradient(145deg,#3b82f6f2,#1d4ed8e6);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 0 1px #fff3;color:#fff}.model-info{min-width:0;flex:1}.model-name-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.model-name{font-size:.88rem;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-badge{display:inline-flex;align-items:center;gap:.26rem;border-radius:999px;border:1px solid var(--sd-border-soft);background:color-mix(in srgb,var(--sd-surface-strong) 72%,transparent);color:var(--sd-muted);font-size:.63rem;padding:.12rem .38rem;font-weight:620}.model-badge.status{border-color:#94a3b866;color:var(--sd-dim)}.model-badge.status.coming-soon{border-color:#fbbf2473;color:#b45309;background:#fbbf242e}.theme-dark .model-badge.status.coming-soon{color:#facc15;background:#fbbf2424}.model-badge.status.unavailable{border-color:#94a3b86b;color:var(--sd-dim)}.model-desc{display:block;margin:.16rem 0 0;color:var(--sd-dim);font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-unavailable-hint{margin:.42rem 0 0;color:var(--sd-dim-2);font-size:.7rem}.model-chevron{width:16px;height:16px;flex-shrink:0;color:var(--sd-dim);transition:transform .12s ease}.model-chevron.open{transform:rotate(180deg)}.model-menu{position:absolute;inset:calc(100% + .46rem) 0 auto;border-radius:.9rem;border:1px solid var(--sd-border-soft);background:var(--sd-menu-bg);max-height:min(58vh,520px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--sd-shadow-soft);z-index:30}.model-menu::-webkit-scrollbar{width:8px}.model-menu::-webkit-scrollbar-track{background:var(--sd-scrollbar-track-color, transparent)}.model-menu::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid var(--sd-scrollbar-track-color, transparent);background:var(--sd-scrollbar-thumb-color, transparent)}.model-section-title{margin:0;padding:.46rem .82rem;font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--sd-dim-2);background:color-mix(in srgb,var(--sd-surface-strong) 78%,transparent)}.model-item{width:100%;border:0;background:transparent;color:var(--sd-text);text-align:left;display:flex;align-items:center;gap:.7rem;padding:.58rem .82rem;cursor:pointer}.model-item:hover{background:color-mix(in srgb,var(--sd-accent) 12%,transparent)}.model-item.active{background:color-mix(in srgb,var(--sd-accent) 20%,transparent)}.model-item.disabled{opacity:.58;cursor:not-allowed}.model-item.disabled:hover{background:transparent}.model-item-main{min-width:0}.model-item-name{margin:0;font-size:.8rem;font-weight:650}.model-item-provider{margin:.08rem 0 0;font-size:.69rem;color:var(--sd-dim-2)}.model-item-statuses{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem}.model-mini-badge{border-radius:999px;border:1px solid var(--sd-border-soft);padding:.08rem .36rem;font-size:.62rem;color:var(--sd-dim);background:color-mix(in srgb,var(--sd-surface-strong) 75%,transparent);white-space:nowrap}.model-mini-badge.status.coming-soon{border-color:#fbbf2473;color:#b45309;background:#fbbf242e}.theme-dark .model-mini-badge.status.coming-soon{color:#facc15;background:#fbbf2424}.model-check{color:var(--sd-accent);margin-left:.2rem}.upload-actions{display:inline-flex;align-items:center;gap:.35rem}.toggle-chip{border:1px solid var(--sd-border-soft);border-radius:999px;background:color-mix(in srgb,var(--sd-surface-strong) 80%,transparent);color:var(--sd-dim);font-size:.67rem;padding:.15rem .43rem;display:inline-flex;align-items:center;gap:.3rem}.toggle-chip-button{width:31px;height:18px;border-radius:999px;border:0;background:color-mix(in srgb,var(--sd-dim) 42%,transparent);position:relative;cursor:pointer;padding:0}.toggle-chip-button:after{content:"";width:14px;height:14px;border-radius:999px;background:#fff;position:absolute;top:2px;left:2px;transition:left .12s ease}.toggle-chip-button.active{background:#2563ebe0}.toggle-chip-button.active:after{left:15px}.frame-counter{color:var(--sd-dim);font-size:.76rem;font-weight:620}.frame-upload-grid{display:grid;gap:.58rem}.frame-upload-grid.double{grid-template-columns:1fr 1fr}.frame-upload-card{border-radius:.92rem;border:1px dashed var(--sd-border);background:color-mix(in srgb,var(--sd-surface-strong) 72%,transparent);min-height:206px;position:relative;overflow:hidden}.frame-upload-card.has-image{border-style:solid}.frame-picker{width:100%;height:100%;border:0;background:transparent;cursor:pointer}.upload-box{border-radius:.92rem;border:1px dashed var(--sd-border);background:color-mix(in srgb,var(--sd-surface-strong) 72%,transparent);min-height:206px;display:grid;place-items:center;padding:1rem;text-align:center;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.upload-box:hover{border-color:color-mix(in srgb,var(--sd-accent) 60%,transparent);background:color-mix(in srgb,var(--sd-accent) 11%,var(--sd-surface-strong))}.upload-title{margin:.3rem 0 0;font-size:.82rem;font-weight:640;color:var(--sd-text)}.upload-subtitle{margin:.26rem 0 0;color:var(--sd-dim-2);font-size:.72rem}.frame-upload-preview{width:100%;height:100%;object-fit:cover;min-height:206px}.upload-remove{position:absolute;top:.45rem;right:.45rem;width:26px;height:26px;border-radius:999px;border:0;background:#020617a8;color:#fff;display:grid;place-items:center;cursor:pointer}.upload-remove:hover{background:#ef4444e6}.url-input-stack{border-radius:.86rem;border:1px solid var(--sd-border-soft);background:color-mix(in srgb,var(--sd-surface-strong) 78%,transparent);padding:.68rem;display:grid;gap:.6rem}.url-label{display:grid;gap:.33rem;color:var(--sd-muted);font-size:.76rem}.url-input{border:1px solid var(--sd-border-soft);border-radius:.72rem;background:var(--sd-input-bg);color:var(--sd-text);padding:.48rem .58rem}.url-input::placeholder{color:var(--sd-dim-2)}.url-input:focus{outline:0;border-color:color-mix(in srgb,var(--sd-accent) 58%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sd-accent) 22%,transparent)}.url-input.error{border-color:#ef4444a6}.url-error{color:#ef4444;font-size:.7rem}.prompt-input{width:100%;min-height:148px;border-radius:.92rem;border:1px solid var(--sd-border-soft);background:var(--sd-input-bg);color:var(--sd-text);resize:vertical;line-height:1.58;padding:.78rem .9rem}.prompt-input::placeholder{color:var(--sd-dim-2)}.prompt-input:focus{outline:0;border-color:color-mix(in srgb,var(--sd-accent) 58%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sd-accent) 22%,transparent)}.prompt-error{margin:0;color:#ef4444;font-size:.72rem;font-weight:560}.prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--sd-dim-2);font-size:.7rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.setting-block{display:grid;gap:.36rem}.setting-title{margin:0;color:var(--sd-muted);font-size:.74rem;font-weight:620;display:inline-flex;align-items:center;gap:.3rem}.setting-options{display:flex;gap:.35rem}.setting-options.wrap{flex-wrap:wrap}.setting-options.compact{flex-wrap:wrap;justify-content:flex-end}.setting-chip{border:1px solid var(--sd-border-soft);border-radius:.68rem;background:color-mix(in srgb,var(--sd-surface-strong) 76%,transparent);color:var(--sd-dim);min-height:30px;padding:.24rem .6rem;font-size:.73rem;font-weight:620;cursor:pointer}.setting-chip:hover{border-color:var(--sd-border);color:var(--sd-text)}.setting-chip.active{border-color:color-mix(in srgb,var(--sd-accent) 66%,transparent);color:var(--sd-text);background:color-mix(in srgb,var(--sd-accent) 18%,transparent)}.advanced-toggle{width:100%;border:1px solid var(--sd-border-soft);border-radius:.68rem;background:color-mix(in srgb,var(--sd-surface-strong) 72%,transparent);color:var(--sd-muted);min-height:34px;display:inline-flex;align-items:center;justify-content:space-between;padding:.4rem .62rem;font-size:.75rem;font-weight:620;cursor:pointer}.advanced-toggle:hover{color:var(--sd-text);border-color:var(--sd-border)}.advanced-toggle svg{transition:transform .14s ease}.advanced-toggle.open svg{transform:rotate(180deg)}.advanced-content{border:1px solid var(--sd-border-soft);border-radius:.75rem;background:color-mix(in srgb,var(--sd-surface-strong) 70%,transparent);padding:.55rem .65rem;display:grid;gap:.44rem}.advanced-item{font-size:.72rem;color:var(--sd-dim);display:flex;align-items:center;justify-content:space-between;gap:.6rem}.generate-submit{border:0;border-radius:.94rem;background:linear-gradient(140deg,#3b82f6,#2563eb);min-height:48px;color:#fff;font-size:.93rem;font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:.48rem;box-shadow:0 16px 32px #2563eb4d;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.generate-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 42px #2563eb61}.generate-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.payload-hint{margin:0;text-align:center;color:var(--sd-dim-2);font-size:.7rem}.credits-balance{margin:0;text-align:center;color:var(--sd-dim);font-size:.74rem;font-weight:560;display:flex;align-items:center;justify-content:center;gap:.3rem}.credits-icon{font-size:.72rem}.generation-notice{margin:0;text-align:center;border-radius:.72rem;border:1px solid var(--sd-border-soft);padding:.5rem .62rem;font-size:.74rem;color:var(--sd-muted);background:color-mix(in srgb,var(--sd-surface-strong) 74%,transparent)}.generation-notice.info{border-color:color-mix(in srgb,var(--sd-accent) 36%,transparent);color:color-mix(in srgb,var(--sd-accent) 70%,var(--sd-text))}.generation-notice.success{border-color:color-mix(in srgb,#22c55e 46%,transparent);color:color-mix(in srgb,#22c55e 74%,var(--sd-text))}.generation-notice.error{border-color:#ef444480;color:#ef4444}.generate-preview-panel{flex:1;min-width:0;display:grid;gap:.95rem}.preview-stage{position:relative;border-radius:1.18rem;overflow:hidden;border:1px solid var(--sd-border-soft);background:#020617}.preview-media{position:relative;aspect-ratio:16 / 9}.preview-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(2,6,23,.78))}.preview-image{width:100%;height:100%;object-fit:cover}.preview-video{width:100%;height:100%;object-fit:contain;background:#020617;display:block}.preview-empty{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:0 1.2rem;color:#cbd5e1;text-align:center;font-size:.86rem}.preview-job-chip{position:absolute;top:.7rem;left:.7rem;border-radius:999px;border:1px solid rgba(96,165,250,.45);background:#0f172ab8;color:#dbeafe;padding:.16rem .48rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;z-index:4}.preview-controls{display:flex;align-items:center;gap:.66rem;padding:.74rem 1rem .82rem;border-top:1px solid rgba(148,163,184,.2);background:#020617c7}.preview-generated-meta{display:flex;justify-content:space-between;align-items:center;gap:.65rem;padding:.64rem 1rem .72rem;border-top:1px solid rgba(148,163,184,.22);background:#020617c7;color:#94a3b8;font-size:.72rem}.preview-control-btn{width:30px;height:30px;border-radius:999px;border:1px solid rgba(148,163,184,.36);background:#ffffff0a;color:#cbd5e1;display:grid;place-items:center;cursor:pointer}.preview-control-btn:hover{color:#fff;background:#ffffff1c}.preview-time{font-size:.73rem;color:#94a3b8}.preview-progress-track{height:4px;border-radius:999px;background:#94a3b840;flex:1}.preview-progress{height:100%;width:35%;border-radius:inherit;background:linear-gradient(120deg,#60a5fa,#2563eb)}.preview-nav{position:absolute;top:calc(50% - 21px);width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:#02061794;color:#fff;display:grid;place-items:center;cursor:pointer}.preview-nav:hover{background:#020617d6}.preview-nav.left{left:.74rem}.preview-nav.right{right:.74rem}.preview-dots{display:flex;justify-content:center;gap:.42rem}.preview-dot{border:0;border-radius:999px;background:color-mix(in srgb,var(--sd-dim) 50%,transparent);height:7px;width:7px;cursor:pointer;transition:width .12s ease,background-color .12s ease}.preview-dot.active{width:23px;background:var(--sd-accent)}.preview-caption{font-size:.75rem;color:var(--sd-dim);text-align:center}.generation-history{display:grid;gap:.56rem;border:1px solid var(--sd-border-soft);border-radius:.9rem;background:color-mix(in srgb,var(--sd-surface-strong) 78%,transparent);padding:.68rem}.generation-history-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.generation-history-title{margin:0;display:inline-flex;align-items:center;gap:.36rem;font-size:.8rem;color:var(--sd-muted);font-weight:640}.history-refresh-btn,.history-more-btn,.history-cancel-btn{border:1px solid var(--sd-border-soft);background:color-mix(in srgb,var(--sd-surface-strong) 86%,transparent);color:var(--sd-muted);border-radius:.56rem;min-height:30px;padding:.22rem .5rem;font-size:.72rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.history-refresh-btn:hover,.history-more-btn:hover,.history-cancel-btn:hover{color:var(--sd-text);border-color:var(--sd-border)}.history-refresh-btn:disabled,.history-more-btn:disabled,.history-cancel-btn:disabled{opacity:.6;cursor:default}.history-list{display:grid;gap:.48rem}.history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;border:1px solid var(--sd-border-soft);border-radius:.74rem;background:color-mix(in srgb,var(--sd-card) 86%,transparent);padding:.44rem}.history-main{border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:0;min-width:0}.history-top{display:flex;align-items:center;justify-content:space-between;gap:.44rem}.history-job-id{font-size:.72rem;color:var(--sd-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-status{border-radius:999px;border:1px solid var(--sd-border-soft);padding:.1rem .4rem;font-size:.64rem;color:var(--sd-dim)}.history-status.status-queued,.history-status.status-running{color:#2563eb;border-color:#2563eb52}.history-status.status-succeeded{color:#15803d;border-color:#15803d52}.history-status.status-failed,.history-status.status-canceled{color:#b91c1c;border-color:#b91c1c4d}.history-meta{margin-top:.16rem;display:flex;align-items:center;gap:.5rem;color:var(--sd-dim);font-size:.67rem}.history-error,.history-empty{margin:0;font-size:.72rem;color:var(--sd-dim)}.history-error{color:#dc2626}@media(max-width:1280px){.examples-grid{column-count:3}}@media(max-width:1200px){.generate-workspace{gap:1.45rem;padding:1.25rem}}@media(max-width:980px){.generate-hero{padding-top:2.8rem}.generate-workspace{flex-direction:column}.generate-form-panel{width:100%}.examples-grid{column-count:2}.feature-grid,.usecase-grid{grid-template-columns:1fr}.extras-cta{flex-direction:column;align-items:center}.preview-nav{width:36px;height:36px;top:calc(50% - 18px)}.frame-upload-grid.double{grid-template-columns:1fr}}@media(max-width:640px){.generate-hero,.generate-workspace-wrap,.landing-extras{padding-left:1rem;padding-right:1rem}.generate-workspace{border-radius:1.1rem;padding:1rem}.landing-extras-inner{border-radius:1rem;padding:.94rem;gap:1.2rem}.landing-block{padding:.82rem}.examples-grid{column-count:1}.prompt-footer{flex-direction:column;align-items:flex-start}.upload-actions{flex-wrap:wrap;justify-content:flex-end}}.generate-page{position:relative;padding:1.1rem 1.4rem 8.4rem;max-width:1700px}.generate-workspace-wrap{position:relative}.generate-workspace{gap:1.35rem;border:none;background:transparent;box-shadow:none;padding-left:0;padding-right:0}.landing-extras{margin-top:1.55rem;padding:0 1.4rem}.landing-extras-inner{display:flex;flex-direction:column;width:100%;max-width:none;gap:2.9rem;border:none;border-radius:0;background:transparent;box-shadow:none;padding:0}.landing-visual-group{position:relative;display:flex;flex-direction:column}.landing-visual-group-discover{gap:1.4rem}.landing-visual-group-info{gap:7.2rem;width:calc(100% + 2.8rem);margin-left:-1.4rem;margin-right:-1.4rem;padding:clamp(3rem,5.6vw,4.7rem) 1.4rem clamp(1.5rem,2.8vw,2.35rem);border-radius:0;background:radial-gradient(120% 90% at 50% -10%,rgba(255,123,53,.1),transparent 68%),radial-gradient(120% 110% at 0% 100%,rgba(94,128,244,.09),transparent 66%)}.landing-block{display:flex;flex-direction:column;gap:1.52rem;border:none;border-radius:0;background:transparent;box-shadow:none;padding:0}.landing-block-examples{gap:1.5rem}.landing-block-examples .extras-head-split{display:flex;flex-direction:column;align-items:center;row-gap:.78rem;text-align:center}.landing-block-examples .extras-head-main{max-width:none;display:flex;flex-direction:column;align-items:center}.landing-block-examples .extras-head h2{max-width:none;text-align:center}.landing-block-examples .extras-sub{justify-self:center;align-self:center;text-align:center;max-width:720px}.landing-block-features,.landing-block-usecases,.landing-block-faq{gap:1.95rem}.extras-head{margin-bottom:0}.extras-head-main{max-width:590px}.extras-head-split{display:grid;grid-template-columns:minmax(0,590px) minmax(0,1fr);column-gap:2.8rem;row-gap:.7rem;align-items:end}.extras-kicker{margin:0;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:#8f8d86}.extras-head h2{margin-top:.42rem;font-size:clamp(2.5rem,5.4vw,4.8rem);line-height:1.02;letter-spacing:-.03em;color:#1c1c1c;max-width:15ch}.extras-head h2:after{display:none}.section-title-with-icon{display:inline-flex;align-items:center;gap:.52rem}.section-title-with-icon svg{color:#5f5f5d;flex-shrink:0}.landing-block-features .extras-head h2,.landing-block-usecases .extras-head h2,.landing-block-faq .extras-head h2{max-width:none;font-size:clamp(1.72rem,2.85vw,2.35rem);line-height:1.1}.landing-block-features .extras-head,.landing-block-usecases .extras-head,.landing-block-faq .extras-head{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;margin:0 auto}.landing-block-features .section-title-with-icon,.landing-block-usecases .section-title-with-icon,.landing-block-faq .section-title-with-icon{justify-content:center}.extras-sub{margin:0;justify-self:end;align-self:end;max-width:420px;font-size:.93rem;line-height:1.74;text-wrap:balance;color:#5f5f5d}.examples-grid-desktop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;width:min(100%,1080px);margin:0 auto}.examples-column{display:flex;flex-direction:column;justify-content:flex-end;gap:1.1rem}.examples-grid-mobile{display:none;width:min(100%,760px);margin:0 auto}.example-card{position:relative;margin:0;border-radius:12px;border:1px solid #e9e6de;background:#f7f5ef;box-shadow:none;overflow:hidden;break-inside:avoid;cursor:pointer;contain:layout style paint;transform:translateY(0);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .22s ease}.example-card:hover,.example-card.preview-active{transform:translateY(-3px);border-color:#1c1c1c2e;box-shadow:0 16px 34px #1c1c1c24}.example-card:focus-visible{outline:2px solid rgba(247,146,87,.86);outline-offset:2px}.example-video-wrap{position:relative;width:100%;min-height:0;background:#e8e4dc;overflow:hidden;isolation:isolate;will-change:transform}.example-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .42s cubic-bezier(.22,1,.36,1),filter .32s ease;filter:saturate(.94) contrast(.98)}.example-card:hover .example-preview-video,.example-card.preview-active .example-preview-video{transform:scale(1.02);filter:saturate(1.02) contrast(1.03)}.example-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;pointer-events:none;opacity:1;transition:opacity .18s ease}.example-poster.is-hidden{opacity:0}.example-lightbox{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,2.4vw,1.8rem);background:#0a0b0ebd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.example-lightbox-body{width:min(1120px,100%);max-height:100%;display:flex;align-items:center;justify-content:center}.example-lightbox-video{width:100%;max-height:calc(100vh - 3.6rem);border-radius:14px;background:#000;box-shadow:0 26px 70px #0000006b}.example-lightbox-close{position:absolute;top:clamp(.8rem,2vw,1.2rem);right:clamp(.8rem,2vw,1.2rem);width:40px;height:40px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:#1818189e;color:#fcfcfc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,background-color .16s ease}.example-lightbox-close:hover{transform:translateY(-1px);background:#181818d6}.example-lightbox-close:focus-visible{outline:2px solid rgba(255,255,255,.86);outline-offset:2px}.feature-stream{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;width:min(100%,1080px);margin:0 auto;column-gap:1.4rem;row-gap:1.95rem}.feature-row{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;width:100%;min-height:0;padding:0 0 1.2rem;border:none;background:transparent;box-shadow:none;text-align:left}.feature-media{margin:0;width:100%;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:#e8e4dc;border:1px solid #e9e6de}.feature-media img{width:100%;height:100%;object-fit:cover;display:block}.feature-row-content{width:min(100%,36ch);min-width:0;display:flex;flex-direction:column;gap:.5rem}.feature-row h3{margin:0;max-width:none;font-size:1.18rem;font-weight:610;color:#1c1c1c;letter-spacing:-.02em}.feature-row p{margin:0;max-width:42ch;font-size:.92rem;line-height:1.62;color:#6a6861}.usecase-grid{display:grid;width:min(100%,1080px);margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(1.8rem,2.6vw,3rem);row-gap:clamp(1.8rem,2.8vw,2.6rem);justify-items:center}.usecase-card{position:relative;min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.52rem;width:min(100%,240px);border:none;border-radius:0;background:transparent;box-shadow:none;padding:.18rem 0 1.08rem;text-align:left}.usecase-grid .usecase-card:nth-child(3n-1){justify-content:center;text-align:center}.usecase-grid .usecase-card:nth-child(3n-1)>span:last-child{text-align:center}.usecase-icon-wrap{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:none;background:#5f5f5d1a;color:#67655f;flex-shrink:0}.usecase-card>span:last-child{font-size:.92rem;font-weight:520;color:#383834;text-align:left}.faq-list{display:flex;flex-direction:column;width:min(100%,920px);margin:0 auto;gap:.62rem;border-top:none}.faq-item{border:none;border-radius:14px;background:#fff9;box-shadow:0 7px 18px #1414140a;overflow:hidden}.faq-trigger{position:relative;width:100%;border:0;background:transparent;color:inherit;cursor:pointer;padding:1.1rem 2.2rem;display:flex;align-items:center;justify-content:center;gap:.9rem}.faq-trigger-main{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;gap:.46rem;text-align:left}.faq-trigger-main>span{text-wrap:pretty}.faq-trigger-main svg{color:#8f8d86;flex-shrink:0}.faq-trigger>svg{position:absolute;right:.88rem;top:50%;transform:translateY(-50%)}.faq-answer{padding:0 1.46rem 1.22rem;font-size:.9rem;line-height:1.76;text-align:left;color:var(--sd-dim)}.extras-cta{width:100%;margin:0 auto;padding:2.9rem 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.85rem;border-top:none;border-left:none;border-right:none;border-bottom:none;border-radius:0;background:transparent;box-shadow:none}.extras-cta h3{max-width:16ch;margin:0;font-size:clamp(2.25rem,5vw,3.45rem);line-height:.98;letter-spacing:-.045em;font-weight:700;color:#1c1c1c;text-wrap:balance}.extras-cta h3:after{content:"";display:block;width:clamp(76px,10vw,128px);height:3px;margin:.84rem auto 0;border-radius:999px;background:linear-gradient(90deg,#ff7a18,#ff4d6d 52%,#4f86ff)}.extras-cta-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.64rem}.extras-cta-actions{display:inline-flex;width:100%;justify-content:center;margin-top:.08rem}.extras-cta-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:min(100%,300px);min-width:clamp(210px,32vw,280px);border-radius:999px;border:1px solid rgba(255,255,255,.56);min-height:58px;padding:.94rem 2.4rem;font-size:1.03rem;font-weight:700;letter-spacing:.015em;text-decoration:none;background:linear-gradient(115deg,#ff6a00,#ff3457 38%,#ff8a00 66%,#00a9ff);background-size:180% 180%;color:#fcfbf8;text-shadow:0 1px 1px rgba(16,16,16,.28);box-shadow:0 4px 8px #ff642440,0 2px 4px #0080ff33,inset 0 1px #ffffff6b;transition:transform .18s ease,box-shadow .22s ease,filter .18s ease;overflow:hidden;isolation:isolate;animation:ctaButtonGradientShift 5.6s ease infinite}.extras-cta-button:after{content:"";position:absolute;inset:-112% -34%;z-index:-1;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.62) 50%,transparent 66%);transform:translate(-120%) skew(-18deg);transition:transform .58s ease}.extras-cta-button:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 8px 16px #ff642459,0 4px 8px #0080ff40,inset 0 1px #ffffff7a;filter:saturate(1.08) brightness(1.02)}.extras-cta-button:hover:after{transform:translate(120%) skew(-18deg)}.extras-cta-button:active{transform:translateY(-1px) scale(.99)}.extras-cta-button:focus-visible{outline:none;box-shadow:0 0 0 4px #ff6a0038,0 28px 50px #ff642466,0 14px 34px #0080ff4d,inset 0 1px #ffffff7a}@keyframes ctaButtonGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.theme-dark .extras-kicker{color:#9f9b93}.theme-dark .extras-head h2,.theme-dark .feature-row h3,.theme-dark .extras-cta h3{color:#f3f1ec}.theme-dark .section-title-with-icon svg,.theme-dark .faq-trigger-main svg{color:#c9c5be}.theme-dark .example-card{border-color:#fff3;background:#222222e6}.theme-dark .example-card:hover,.theme-dark .example-card.preview-active{border-color:#ffffff5c;box-shadow:0 16px 36px #0000006b}.theme-dark .example-video-wrap{background:#121212e6}.theme-dark .landing-visual-group-info{background:radial-gradient(120% 90% at 50% -10%,rgba(255,123,53,.16),transparent 68%),radial-gradient(120% 110% at 0% 100%,rgba(94,128,244,.16),transparent 66%)}.theme-dark .feature-row{background:transparent;box-shadow:none}.theme-dark .feature-media{border-color:#ffffff3d;background:#121212d1}.theme-dark .usecase-card{background:transparent;box-shadow:none}.theme-dark .feature-row p{color:#dedbd4d1}.theme-dark .usecase-icon-wrap{color:#f3f1ec;border-color:#ffffff3d;background:#c9c5be14}.theme-dark .usecase-card>span:last-child{color:#f3f1ec}.theme-dark .faq-item{background:#1c1c1ca8;box-shadow:0 8px 20px #00000038}.theme-dark .extras-cta{border-top-color:transparent}.theme-dark .extras-cta-button{border-color:#fff9;box-shadow:0 4px 8px #ff642459,0 2px 4px #0080ff40,inset 0 1px #fff6}.theme-dark .extras-cta-button:focus-visible{box-shadow:0 0 0 4px #ff6a003d,0 8px 16px #ff642459,0 4px 8px #0080ff40,inset 0 1px #ffffff70}@media(max-width:1100px){.landing-extras{margin-top:1.2rem}.landing-extras-inner{gap:2.4rem}.landing-visual-group-info{gap:5.8rem;padding:2.7rem 1.4rem 1.35rem}.extras-head-split{grid-template-columns:minmax(0,1fr);row-gap:.64rem}.extras-sub{justify-self:start;align-self:start;max-width:700px}.landing-block-examples .extras-sub{justify-self:center;align-self:center;text-align:center}.examples-grid-desktop{display:none}.examples-grid-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.feature-stream{width:min(100%,920px);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1.5rem}.usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.2rem;row-gap:1.4rem;justify-items:stretch}.usecase-card{width:100%}.usecase-grid .usecase-card:nth-child(3n-1){justify-content:flex-start;justify-self:start;width:100%;text-align:left}.usecase-grid .usecase-card:nth-child(3n-1):after{left:0;transform:none}.usecase-grid .usecase-card:nth-child(3n-1)>span:last-child{text-align:left}}@media(max-width:760px){.landing-extras{padding:0 .9rem;margin-top:.9rem}.landing-extras-inner{gap:2rem}.landing-visual-group-discover{gap:1.1rem}.landing-visual-group-info{gap:4.8rem;width:calc(100% + 1.8rem);margin-left:-.9rem;margin-right:-.9rem;padding:2.3rem .9rem 1.15rem;border-radius:0}.landing-block-features,.landing-block-usecases,.landing-block-faq{gap:1.2rem}.extras-head h2{font-size:clamp(1.9rem,9vw,2.6rem);line-height:1.08}.landing-block-features .extras-head h2,.landing-block-usecases .extras-head h2,.landing-block-faq .extras-head h2{font-size:clamp(1.25rem,6.4vw,1.68rem);line-height:1.18}.section-title-with-icon{gap:.42rem}.section-title-with-icon svg{width:18px;height:18px}.extras-sub{font-size:.88rem;line-height:1.66}.examples-grid-mobile{grid-template-columns:1fr;gap:.72rem}.example-lightbox{padding:.75rem;align-items:flex-end}.example-lightbox-body{width:100%}.example-lightbox-video{max-height:calc(100vh - 2.3rem);border-radius:10px}.example-lightbox-close{width:34px;height:34px;top:.72rem;right:.72rem}.feature-stream{width:100%;grid-template-columns:1fr;row-gap:1.32rem}.usecase-grid{grid-template-columns:1fr;row-gap:1.1rem;width:100%;justify-items:stretch}.feature-row{gap:.72rem;padding:0 0 .9rem;text-align:left}.feature-media{border-radius:10px}.feature-row h3{font-size:1rem}.feature-row p{max-width:100%;font-size:.85rem;line-height:1.55}.usecase-card{width:100%;padding:.14rem 0 .98rem}.faq-trigger{padding:.94rem 2rem}.faq-trigger>svg{right:.68rem}.faq-answer{padding:0 .84rem 1.02rem;font-size:.86rem;line-height:1.7}.extras-cta{flex-direction:column;align-items:center;gap:1.15rem;padding-top:1.85rem}.extras-cta h3{font-size:clamp(1.7rem,9vw,2.35rem);line-height:1.02}.extras-cta h3:after{width:clamp(64px,22vw,98px);margin-top:.66rem}}.feed-container{display:flex;flex-direction:column;width:100%;padding-bottom:200px}.feed-empty-state{width:100%;min-height:clamp(420px,calc(100vh - 280px),760px);display:grid;place-items:center;padding:2.4rem 0 2.9rem}.feed-empty-card{width:min(980px,100%);border:0;background:transparent;box-shadow:none;padding:0;display:grid;gap:1.35rem}.feed-empty-title{margin:0;text-align:center;font-size:clamp(1.55rem,2.9vw,2.4rem);line-height:1.06;letter-spacing:-.01em}.feed-empty-description{margin:0;max-width:68ch;justify-self:center;text-align:center;color:var(--sd-dim);line-height:1.72;font-size:.96rem}.feed-empty-prompt-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.72rem;margin-top:.34rem}.feed-empty-prompt-btn{appearance:none;border:1px solid color-mix(in srgb,var(--sd-border-soft) 88%,transparent);border-radius:999px;background:transparent;color:var(--sd-text);min-height:36px;padding:.34rem .78rem;display:inline-flex;align-items:center;gap:.46rem;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,color .12s ease}.feed-empty-prompt-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--sd-accent) 38%,transparent);background:color-mix(in srgb,var(--sd-accent) 7%,transparent);color:color-mix(in srgb,var(--sd-accent-strong) 64%,var(--sd-text))}.feed-empty-prompt-btn svg{flex-shrink:0;color:color-mix(in srgb,var(--sd-accent) 54%,var(--sd-text))}.feed-empty-prompt-btn span{display:block;font-size:.8rem;line-height:1.3;white-space:nowrap}.feed-empty-tip{margin:0;justify-self:center;text-align:center;color:var(--sd-dim-2);font-size:.76rem;line-height:1.5;margin-top:.34rem}.feed-date-header{font-size:1.38rem;font-weight:600;margin:2rem 0 1rem;color:var(--sd-text)}.feed-date-header:first-child{margin-top:0}.feed-masonry{display:flex;flex-direction:column;gap:64px;width:100%;max-width:900px;margin:0 auto}.feed-date-group{display:flex;flex-direction:column;gap:40px}.feed-item{display:grid;grid-template-columns:48px 1fr;gap:1.25rem;background:transparent;border:none;box-shadow:none;padding:0}.item-avatar-col{display:flex;flex-direction:column;align-items:center}.item-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--sd-bg-soft) 80%,transparent);flex-shrink:0}.item-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.item-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sd-dim)}.item-content-col{display:flex;flex-direction:column;gap:.75rem;min-width:0}.item-header-content{display:block}.item-prompt-text{font-size:.95rem;line-height:1.6;color:var(--sd-text);word-wrap:break-word}.item-prompt-meta{color:var(--sd-dim);font-size:.88rem;margin-left:.5rem;white-space:nowrap}.item-detail-trigger{position:relative;cursor:pointer;display:inline}.detail-tooltip{position:absolute;left:50%;white-space:pre;font-size:.76rem;font-weight:500;line-height:1.7;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.6rem .85rem;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:100;box-shadow:0 8px 28px #0000001a,0 2px 8px #0000000f;min-width:180px}.detail-tooltip.above{bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px)}.detail-tooltip.below{top:calc(100% + 8px);transform:translate(-50%) translateY(-4px)}.detail-tooltip.visible{opacity:1}.detail-tooltip.visible.above,.detail-tooltip.visible.below{transform:translate(-50%) translateY(0)}.theme-dark .detail-tooltip{background:#1e293bf5;border-color:#ffffff2e;color:#e2e8f0;box-shadow:0 8px 28px #00000052}.item-media{position:relative;width:100%;background:transparent;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.theme-dark .item-media{background:transparent}.feed-video{max-height:250px;width:auto;max-width:100%;object-fit:contain;border-radius:8px}.video-wrapper{position:relative;width:fit-content;max-width:100%}.video-sound-toggle{position:absolute;bottom:10px;right:10px;appearance:none;background:#0000008c;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background .15s ease;z-index:5}.item-media:hover .video-sound-toggle{opacity:1}.video-sound-toggle:hover{background:#000000bf}.item-footer{display:flex;align-items:center;justify-content:flex-start;gap:.6rem}.footer-actions-left,.footer-actions-right{display:flex;gap:.6rem}.footer-btn{appearance:none;background:color-mix(in srgb,var(--sd-surface-strong) 50%,#f1f2f5);border:none;color:var(--sd-text);padding:.45rem .8rem;border-radius:6px;font-size:.82rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:background .14s ease,color .14s ease}.theme-dark .footer-btn,.theme-dark .footer-btn-icon{background:color-mix(in srgb,var(--sd-surface-strong) 60%,transparent)}.footer-btn-icon{appearance:none;background:color-mix(in srgb,var(--sd-surface-strong) 50%,#f1f2f5);border:none;color:var(--sd-text);width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s ease,color .14s ease}.footer-btn:hover,.footer-btn-icon:hover{background:color-mix(in srgb,var(--sd-accent) 15%,transparent);color:var(--sd-accent-strong)}.footer-btn:disabled,.footer-btn-icon:disabled{opacity:.5;cursor:not-allowed}.footer-btn-danger:hover{background:color-mix(in srgb,#ef4444 15%,transparent);color:#ef4444}.media-placeholder{color:var(--sd-dim-2);font-size:.82rem;padding:1rem;text-align:center}.loading-media-card{position:relative;width:100%;max-width:448px;aspect-ratio:16 / 9;max-height:250px;background:color-mix(in srgb,var(--sd-bg-soft) 84%,#000 16%);overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px}.loading-media-card .cancel-btn{position:absolute;top:8px;right:8px;appearance:none;background:#00000073;border:none;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background .15s ease;z-index:5}.loading-media-card:hover .cancel-btn{opacity:1}.loading-media-card .cancel-btn:hover{background:#ef4444b3}.skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--sd-surface) 32%,transparent) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-status{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--sd-dim);font-size:.8rem}.spinner-ring{width:25px;height:25px;border:2.5px solid var(--sd-border-soft);border-top-color:var(--sd-accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.failed-media{display:inline-flex;align-items:center;gap:.4rem;color:#ef4444;font-size:.82rem;font-weight:500;padding:.3rem 0}.failed-icon{opacity:.76}@media(max-width:820px){.feed-empty-state{min-height:clamp(340px,calc(100vh - 210px),580px);padding:1.7rem 0 2rem}}.cem-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:cem-fade-in .2s ease-out}.cem-modal{position:relative;width:90%;max-width:420px;padding:2rem 2rem 1.75rem;border-radius:16px;background:var(--color-surface, #fff);box-shadow:0 24px 80px #00000040;text-align:center;animation:cem-slide-up .25s ease-out}[data-theme=dark] .cem-modal{background:var(--color-surface, #1a1a1a);box-shadow:0 24px 80px #00000080}.cem-close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary, #888);cursor:pointer;transition:background .15s,color .15s}.cem-close:hover{background:var(--color-hover, rgba(0, 0, 0, .06));color:var(--color-text, #333)}.cem-icon{font-size:2.25rem;margin-bottom:.5rem}.cem-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:var(--color-text, #111)}.cem-desc{font-size:.875rem;line-height:1.55;color:var(--color-text-secondary, #666);margin:0 0 1.25rem}.cem-form{display:flex;gap:.5rem}.cem-input{flex:1;padding:.6rem .75rem;font-size:.875rem;border:1px solid var(--color-border, #ddd);border-radius:10px;background:var(--color-surface-alt, #fafafa);color:var(--color-text, #111);outline:none;transition:border-color .15s}.cem-input:focus{border-color:var(--color-primary, #6366f1)}[data-theme=dark] .cem-input{background:var(--color-surface-alt, #252525);border-color:var(--color-border, #333)}.cem-submit{padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;border:none;border-radius:10px;background:var(--color-primary, #6366f1);color:#fff;cursor:pointer;white-space:nowrap;transition:opacity .15s}.cem-submit:disabled{opacity:.5;cursor:not-allowed}.cem-submit:not(:disabled):hover{opacity:.85}.cem-thanks{font-size:.875rem;color:var(--color-success, #22c55e);font-weight:600;margin:0}@keyframes cem-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cem-slide-up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pricing-page{--pr-accent: #29c4a6;--pr-accent-strong: #1b9a83;--pr-emphasis: #22aeec;--pr-standard-accent: #ff7a18;--pr-standard-accent-strong: #c95b0a;--pr-standard-accent-soft: #f6a623;--pr-toggle-accent: #ff8a2a;--pr-toggle-accent-strong: #cb5d0a;--pr-soft-text: var(--sd-dim);padding:4rem 1.6rem 6rem}.pricing-shell{width:min(100%,74rem);margin:0 auto;display:grid;gap:2.8rem}.pricing-hero{text-align:center}.pricing-hero-eyebrow{margin:0 0 .5rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:color-mix(in srgb,var(--pr-emphasis) 68%,var(--sd-text))}.pricing-hero h1{margin:0;font-family:var(--sd-font-display);font-size:clamp(2rem,5vw,3.15rem);font-weight:760;letter-spacing:-.03em;line-height:1.08;color:var(--sd-text)}.pricing-hero-subtitle{margin:.72rem auto 0;max-width:38rem;font-size:.98rem;line-height:1.62;color:var(--pr-soft-text)}.pricing-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.pricing-trust-strip-secondary{margin-top:-.2rem}.pricing-trust-item{display:flex;align-items:flex-start;gap:.84rem;padding:1.18rem 1.3rem;border-radius:.95rem;background:color-mix(in srgb,var(--sd-surface-strong) 88%,transparent);box-shadow:var(--sd-shadow-soft)}.pricing-trust-icon{width:1.92rem;height:1.92rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--pr-accent);background:color-mix(in srgb,var(--pr-emphasis) 16%,transparent);flex-shrink:0}.pricing-trust-copy h3{margin:0;font-size:.92rem;line-height:1.25;color:var(--sd-text)}.pricing-trust-copy p{margin:.34rem 0 0;font-size:.82rem;line-height:1.55;color:var(--pr-soft-text)}.pricing-toggle-section{display:grid;justify-items:center;gap:.95rem}.pricing-billing-toggle-wrap{display:flex;justify-content:center}.pricing-billing-toggle{border-radius:999px;background:color-mix(in srgb,var(--sd-surface) 86%,transparent);padding:.36rem;display:inline-flex;align-items:center;gap:.36rem;box-shadow:var(--sd-shadow-soft)}.pricing-billing-btn{border:0;border-radius:999px;padding:.68rem 1.34rem;font-size:.85rem;font-weight:650;background:transparent;color:var(--pr-soft-text);cursor:pointer;transition:background-color .16s ease,color .16s ease}.pricing-billing-btn.active{background:linear-gradient(140deg,var(--pr-toggle-accent),var(--pr-toggle-accent-strong));color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--pr-toggle-accent) 24%,transparent)}.pricing-billing-btn:disabled{opacity:.56;cursor:not-allowed}.pricing-toggle-note{margin:0;font-size:.88rem;color:color-mix(in srgb,var(--pr-accent) 64%,var(--sd-text));font-weight:640}.pricing-toggle-note.muted{color:#b45309}.pricing-plan-section{display:grid;gap:1.55rem}.pricing-state{margin:0;font-size:.9rem;font-weight:640}.pricing-state-error{color:#ef4444}.pricing-state-warning{color:#b45309}.pricing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.45rem}.pricing-plan-card{position:relative;padding:1.62rem;border-radius:1.08rem;background:color-mix(in srgb,var(--sd-surface-strong) 90%,transparent);box-shadow:var(--sd-shadow-soft);display:grid;gap:1.2rem}.pricing-plan-basic:before,.pricing-plan-standard:before,.pricing-plan-pro:before{content:none}.pricing-plan-card.popular{transform:none;background:color-mix(in srgb,var(--pr-standard-accent) 14%,var(--sd-surface-strong));border:1px solid color-mix(in srgb,var(--pr-standard-accent) 42%,transparent);box-shadow:none}.pricing-popular-pill{position:absolute;top:-.64rem;right:1rem;border-radius:999px;padding:.22rem .65rem;font-size:.66rem;font-weight:730;letter-spacing:.02em;color:#fff;background:linear-gradient(140deg,var(--pr-standard-accent),var(--pr-standard-accent-strong))}.pricing-plan-head h3{margin:0;font-size:1.22rem;line-height:1.2;color:var(--sd-text)}.pricing-plan-head p{margin:.46rem 0 0;font-size:.88rem;line-height:1.55;color:var(--pr-soft-text)}.pricing-price-block{display:grid;gap:.5rem}.pricing-price-row{display:flex;align-items:baseline;gap:.56rem;flex-wrap:wrap}.pricing-price-main{font-size:2.25rem;font-weight:760;line-height:1;letter-spacing:-.02em;color:var(--sd-text)}.pricing-price-unit{font-size:.88rem;color:var(--pr-soft-text)}.pricing-price-old{font-size:.84rem;color:var(--pr-soft-text);text-decoration:line-through}.pricing-price-savings{margin:0;font-size:.84rem;color:color-mix(in srgb,#22c55e 76%,#ffffff 24%);font-weight:680}.pricing-credit-note{margin:0;font-size:.86rem;font-weight:640;color:color-mix(in srgb,var(--pr-emphasis) 62%,var(--sd-text))}.pricing-feature-list{margin:0;padding:0;list-style:none;display:grid;gap:.82rem}.pricing-feature-list li{display:flex;align-items:flex-start;gap:.62rem;font-size:.88rem;line-height:1.62;color:var(--sd-text)}.pricing-feature-list li svg{color:#22c55e;flex-shrink:0;margin-top:.06rem}.pricing-plan-action{border:0;border-radius:.72rem;min-height:3.05rem;font-size:.92rem;font-weight:700;color:#fff;background:linear-gradient(140deg,#1f2937,#334155);display:inline-flex;align-items:center;justify-content:center;gap:.32rem;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.pricing-plan-action:hover:not(:disabled){transform:translateY(-1px)}.pricing-plan-action:disabled{opacity:.56;cursor:not-allowed}.pricing-plan-action.is-popular{background:linear-gradient(140deg,var(--pr-standard-accent),var(--pr-standard-accent-strong))}.pricing-plan-action.is-popular:hover:not(:disabled){box-shadow:0 10px 24px color-mix(in srgb,var(--pr-standard-accent) 24%,transparent)}.pricing-plan-action.is-current{background:linear-gradient(140deg,#166534,#15803d);opacity:1;cursor:default;border:1px solid #22c55e}.pricing-comparison-section,.pricing-faq-section{border-radius:1rem;padding:1.7rem;background:color-mix(in srgb,var(--sd-surface) 86%,transparent);box-shadow:var(--sd-shadow-soft)}.pricing-section-head h2{margin:0;font-family:var(--sd-font-display);font-size:1.48rem;letter-spacing:-.02em;color:var(--sd-text)}.pricing-section-subtitle{margin:.45rem 0 0;font-size:.88rem;line-height:1.55;color:var(--pr-soft-text)}.pricing-comparison-wrap{margin-top:1.2rem;overflow-x:auto}.pricing-comparison-table{width:100%;min-width:36rem;table-layout:fixed;border-collapse:separate;border-spacing:0 .86rem}.pricing-comparison-table .pricing-col-feature{width:28%}.pricing-comparison-table .pricing-col-plan{width:24%}.pricing-comparison-table thead th{border:0;font-size:.76rem;font-weight:680;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--pr-emphasis) 58%,var(--sd-text));padding:0 .95rem .34rem;text-align:left}.pricing-comparison-table tbody th,.pricing-comparison-table tbody td{border:0;padding:.95rem;font-size:.88rem;background:color-mix(in srgb,var(--sd-surface-strong) 88%,transparent);text-align:left}.pricing-comparison-table tbody>tr>th[scope=row]{text-align:left!important;padding-left:.95rem!important}.pricing-comparison-feature{text-align:left!important}.pricing-comparison-table tbody th{border-radius:.66rem 0 0 .66rem;font-weight:650;color:var(--sd-text)}.pricing-comparison-table tbody td{color:var(--pr-soft-text)}.pricing-comparison-table tbody td:last-child{border-radius:0 .66rem .66rem 0}.pricing-faq-list{margin-top:1.15rem;display:grid;gap:.88rem}.pricing-faq-item{border-radius:.72rem;background:color-mix(in srgb,var(--sd-surface-strong) 88%,transparent);padding:0 1.16rem}.pricing-faq-trigger{width:100%;border:0;background:transparent;text-align:left;padding:1.16rem 0;display:flex;align-items:center;justify-content:space-between;gap:.84rem;color:var(--sd-text);cursor:pointer;font-size:.96rem;font-weight:630}.pricing-faq-icon{color:var(--pr-soft-text);transition:transform .2s ease;flex-shrink:0}.pricing-faq-trigger.open .pricing-faq-icon{transform:rotate(90deg)}.pricing-faq-answer{margin:0 0 1.16rem;font-size:.9rem;line-height:1.7;color:var(--pr-soft-text)}.billing-disclosure-section{border-radius:1rem;background:color-mix(in srgb,var(--sd-surface) 88%,transparent);box-shadow:var(--sd-shadow-soft);overflow:hidden}.billing-disclosure-toggle{width:100%;border:0;background:transparent;min-height:3.55rem;padding:1.08rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:.78rem;color:var(--sd-text);cursor:pointer;font-size:1rem;font-weight:650}.billing-disclosure-icon{color:var(--pr-soft-text);transition:transform .2s ease;flex-shrink:0}.billing-disclosure-icon.open{transform:rotate(180deg)}.billing-disclosure-panel{padding:1.28rem 1.3rem 1.4rem;display:grid;gap:1.08rem;border-top:1px solid color-mix(in srgb,var(--pr-emphasis) 20%,transparent)}.billing-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.72rem;flex-wrap:wrap}.billing-panel-head h3{margin:0;font-size:1.02rem;color:var(--sd-text)}.billing-manage-btn,.billing-load-more-btn{border:0;border-radius:.7rem;min-height:2.42rem;padding:.52rem .94rem;background:color-mix(in srgb,var(--sd-surface-strong) 92%,transparent);color:var(--sd-text);font-size:.84rem;font-weight:640;display:inline-flex;align-items:center;gap:.38rem;cursor:pointer}.billing-load-more-btn{justify-self:start}.billing-manage-btn:disabled,.billing-load-more-btn:disabled{opacity:.56;cursor:not-allowed}.billing-hint{margin:0;font-size:.88rem;color:var(--pr-soft-text)}.billing-error{margin:0;font-size:.88rem;color:#ef4444}.billing-ledger-list{display:grid;gap:.78rem}.billing-ledger-item{border-radius:.78rem;background:color-mix(in srgb,var(--sd-surface-strong) 90%,transparent);padding:.88rem 1.02rem;display:grid;gap:.46rem}.billing-ledger-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.billing-ledger-reason{font-size:.88rem;font-weight:640;color:var(--sd-text)}.billing-ledger-delta{font-size:.86rem;font-weight:740}.billing-ledger-delta.positive{color:#22c55e}.billing-ledger-delta.negative{color:#ef4444}.billing-ledger-meta{font-size:.8rem;color:var(--pr-soft-text);display:flex;justify-content:space-between;gap:.86rem}.pricing-spinner{animation:pricingSpin 1s linear infinite}@keyframes pricingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:980px){.pricing-page{padding:2.9rem 1.08rem 4.5rem}.pricing-shell{gap:2.2rem}.pricing-trust-strip{grid-template-columns:1fr}.pricing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.pricing-page{padding:2.2rem .94rem 3.8rem}.pricing-shell{gap:1.8rem}.pricing-hero h1{font-size:clamp(1.75rem,8vw,2.35rem)}.pricing-hero-eyebrow{font-size:.72rem}.pricing-hero-subtitle{margin-top:.62rem;font-size:.88rem;line-height:1.58}.pricing-billing-btn{padding:.62rem 1rem;font-size:.8rem}.pricing-plan-grid{grid-template-columns:1fr}.pricing-plan-card{padding:1.24rem}.pricing-price-main{font-size:1.9rem}.pricing-section-head h2{font-size:1.34rem}.pricing-section-subtitle{margin-top:.36rem;font-size:.82rem}.pricing-faq-trigger{font-size:.92rem;padding:1.08rem 0}.pricing-faq-answer{font-size:.84rem;margin-bottom:1.06rem}.billing-disclosure-toggle{min-height:3.1rem;padding:.96rem 1.05rem;font-size:.9rem}.billing-disclosure-panel{padding:1.08rem}}.site-header{position:sticky;top:0;z-index:160;border-bottom:1px solid color-mix(in srgb,var(--sd-border-soft) 85%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--sd-header-bg)}.site-header:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--sd-accent) 52%,transparent),transparent)}.site-nav{position:relative;width:min(100%,110rem);margin:0 auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1.3rem;padding:.86rem 2rem}.brand-link{display:inline-flex;align-items:center;gap:.64rem;min-width:0;padding:.28rem .4rem;border-radius:999px;transition:filter .2s ease}.brand-link:hover{filter:brightness(1.18)}.brand-logo{width:30px;height:30px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--sd-accent) 50%,transparent));transition:filter .2s ease}.brand-link:hover .brand-logo{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--sd-accent) 70%,transparent))}.brand-text{font-family:var(--sd-font-display);font-weight:720;font-size:1.08rem;letter-spacing:.04em;background:linear-gradient(135deg,#1a1a1a,#444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.theme-dark .brand-text{background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-nav-links{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.48rem;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.theme-light .site-nav-links{box-shadow:none}.site-nav-link{border-radius:999px;padding:.5rem 1.1rem;font-size:.87rem;font-weight:700;letter-spacing:.01em;color:var(--sd-dim);transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.site-nav-link:hover{color:var(--sd-text);background:color-mix(in srgb,var(--sd-accent) 14%,transparent)}.site-nav-link.active{color:#fff;background:linear-gradient(135deg,var(--sd-accent),var(--sd-accent-strong));box-shadow:0 12px 24px color-mix(in srgb,var(--sd-accent) 28%,transparent)}.site-nav-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.48rem}.action-btn,.signin-btn,.mobile-menu-btn{border:0;color:inherit;background:transparent;cursor:pointer}.action-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:38px;border-radius:999px;border:1px solid var(--sd-border-soft);background:color-mix(in srgb,var(--sd-surface-strong) 82%,transparent);padding:.35rem .84rem;font-size:.76rem;font-weight:640;color:var(--sd-dim);transition:border-color .13s ease,color .13s ease,background-color .13s ease}.action-btn:hover{color:var(--sd-text);border-color:var(--sd-border);background:color-mix(in srgb,var(--sd-accent) 11%,var(--sd-surface-strong))}.action-btn.icon-only{width:38px;justify-content:center;padding:0}.nav-dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + .46rem);right:0;width:min(20rem,82vw);max-height:22rem;overflow:auto;border:1px solid var(--sd-border-soft);border-radius:.95rem;background:var(--sd-menu-bg);box-shadow:var(--sd-shadow-soft);padding:.42rem;z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dropdown-menu.compact{width:11.4rem}.dropdown-item{width:100%;border:0;border-radius:.7rem;background:transparent;color:var(--sd-text);min-height:34px;padding:.45rem .56rem;display:inline-flex;align-items:center;justify-content:space-between;gap:.7rem;text-align:left;cursor:pointer}.dropdown-item:hover{background:color-mix(in srgb,var(--sd-accent) 12%,transparent)}.dropdown-item.active{background:color-mix(in srgb,var(--sd-accent) 18%,transparent);color:var(--sd-text)}.dropdown-label{display:inline-flex;flex-direction:column;gap:.05rem;min-width:0}.dropdown-label.inline{flex-direction:row;align-items:center;gap:.4rem}.dropdown-subtle{color:var(--sd-dim);font-size:.72rem}.signin-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;border:1px solid color-mix(in srgb,var(--sd-accent) 36%,transparent);padding:.38rem 1.18rem;font-size:.82rem;font-weight:760;color:#fff;background:linear-gradient(140deg,var(--sd-accent),var(--sd-accent-strong));box-shadow:0 12px 28px color-mix(in srgb,var(--sd-accent) 32%,transparent);transition:transform .12s ease,box-shadow .12s ease}.signin-btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px color-mix(in srgb,var(--sd-accent) 40%,transparent)}.nav-credits-badge{display:inline-flex;align-items:center;gap:.38rem;min-height:34px;border-radius:999px;padding:.24rem .68rem;font-size:.78rem;font-weight:660;font-variant-numeric:tabular-nums;color:#16a34a;background:transparent;border:none;text-decoration:none;transition:color .13s ease}.nav-credits-badge:hover{color:#22c55e}.nav-credits-badge svg{flex-shrink:0}.user-avatar-btn{border:0;background:transparent;cursor:pointer;padding:0;width:38px;height:38px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;transition:box-shadow .12s ease}.user-avatar-btn:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--sd-accent) 46%,transparent)}.user-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.user-avatar-fallback{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:760;font-size:.82rem;color:#fff;background:linear-gradient(140deg,var(--sd-accent),var(--sd-accent-strong))}.user-dropdown{width:16rem}.user-dropdown-info{display:flex;flex-direction:column;padding:.48rem .54rem;gap:.12rem}.user-dropdown-name{font-weight:670;font-size:.84rem;color:var(--sd-text)}.user-dropdown-email{font-size:.72rem;color:var(--sd-dim)}.user-dropdown-plan{display:inline-flex;align-self:flex-start;margin-top:.22rem;padding:.1rem .46rem;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--sd-accent),var(--sd-accent-strong))}.theme-dark .user-dropdown-plan{color:#121212}.dropdown-divider{margin:.3rem 0;border:0;border-top:1px solid var(--sd-border-soft)}.mobile-user-info{display:flex;align-items:center;gap:.65rem;padding:.55rem .78rem}.mobile-user-detail{display:flex;flex-direction:column;gap:.08rem;min-width:0}.mobile-user-name{font-weight:650;font-size:.84rem;color:var(--sd-text)}.mobile-user-email{font-size:.72rem;color:var(--sd-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-action{gap:.5rem}.mobile-menu-btn{display:none;width:34px;height:34px;border-radius:.76rem;color:var(--sd-dim);transition:background-color .13s ease,color .13s ease}.mobile-menu-btn:hover{color:var(--sd-text);background:color-mix(in srgb,var(--sd-accent) 12%,transparent)}.mobile-menu{display:none;width:min(100%,110rem);margin:0 auto;padding:0 1.1rem .95rem}.mobile-menu-panel{border-radius:1rem;border:1px solid var(--sd-border-soft);background:var(--sd-menu-bg);box-shadow:var(--sd-shadow-soft);padding:.66rem}.mobile-menu-link,.mobile-menu-action{width:100%;display:inline-flex;align-items:center;justify-content:space-between;border-radius:.75rem;border:0;background:transparent;color:var(--sd-muted);font-size:.86rem;font-weight:620;padding:.68rem .78rem;cursor:pointer}.mobile-menu-link.active{color:#fff;background:linear-gradient(135deg,var(--sd-accent),var(--sd-accent-strong))}.mobile-menu-action:hover,.mobile-menu-link:hover{color:var(--sd-text);background:color-mix(in srgb,var(--sd-accent) 12%,transparent)}.mobile-menu-section-title{margin:.62rem .2rem .42rem;color:var(--sd-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:760}.mobile-locale-list,.mobile-theme-list{display:flex;flex-wrap:wrap;gap:.38rem}.mobile-locale-btn,.mobile-theme-btn{border:1px solid var(--sd-border-soft);background:color-mix(in srgb,var(--sd-surface-strong) 82%,transparent);color:var(--sd-muted);min-height:30px;border-radius:999px;padding:.28rem .6rem;font-size:.72rem;cursor:pointer}.mobile-locale-btn.active,.mobile-theme-btn.active{border-color:color-mix(in srgb,var(--sd-accent) 42%,transparent);color:var(--sd-text);background:color-mix(in srgb,var(--sd-accent) 16%,transparent)}.mobile-divider{margin:.7rem 0;border:0;border-top:1px solid var(--sd-border-soft)}.site-main{min-height:calc(100vh - 74px)}.site-main.site-main-generate-focus{min-height:100vh}.tab-pane-hidden{display:none}.auth-overlay{position:fixed;inset:0;z-index:220;display:grid;place-items:center;background:var(--sd-overlay-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.2rem}.auth-modal{width:min(100%,430px);border-radius:1.2rem;border:1px solid var(--sd-border-soft);background:var(--sd-panel-bg);box-shadow:var(--sd-shadow-xl);padding:1.7rem;position:relative}.auth-modal:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid rgba(255,255,255,.06)}.theme-light .auth-modal:before{border-color:#ffffff80}.auth-close{position:absolute;right:.8rem;top:.7rem;width:30px;height:30px;border-radius:.7rem;border:0;color:var(--sd-dim);background:transparent;cursor:pointer}.auth-title{margin:0;font-family:var(--sd-font-display);font-size:1.48rem;font-weight:700;letter-spacing:-.01em}.auth-sub{margin:.38rem 0 1.25rem;color:var(--sd-dim);font-size:.9rem}.auth-google{width:100%;border:1px solid var(--sd-border-soft);border-radius:.95rem;background:color-mix(in srgb,var(--sd-surface-strong) 84%,transparent);color:var(--sd-text);font-size:.88rem;font-weight:660;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.78rem 1rem;cursor:pointer}.auth-google:hover{background:color-mix(in srgb,var(--sd-accent) 11%,var(--sd-surface-strong))}.auth-divider{margin:1.2rem 0;display:flex;align-items:center;gap:.7rem;color:var(--sd-dim-2);font-size:.74rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--sd-border-soft);flex:1}.auth-input,.auth-submit{width:100%;border-radius:.9rem;border:1px solid var(--sd-border-soft);background:var(--sd-input-bg);color:var(--sd-text);padding:.74rem .85rem}.auth-input{margin-bottom:.6rem}.auth-input::placeholder{color:var(--sd-dim-2)}.auth-submit{border-color:color-mix(in srgb,var(--sd-accent) 45%,transparent);background:linear-gradient(140deg,var(--sd-accent),var(--sd-accent-strong));color:#fff;font-weight:700;cursor:pointer}.auth-submit:hover{filter:brightness(1.05)}.site-footer{margin-top:3.2rem;border-top:1px solid var(--sd-border-soft);background:color-mix(in srgb,var(--sd-bg-soft) 90%,transparent)}.site-footer-wrap{width:min(100%,110rem);margin:0 auto;padding:3.2rem 2rem 1.8rem}.footer-top{display:grid;grid-template-columns:repeat(4,max-content);justify-content:center;column-gap:clamp(3rem,8vw,6rem);row-gap:1.4rem}.footer-brand{display:inline-flex;align-items:center;gap:.56rem;margin-bottom:.6rem;font-family:var(--sd-font-display);font-weight:650}.footer-logo{width:22px;height:22px}.footer-copy{margin:0;color:var(--sd-dim);font-size:.84rem;line-height:1.62;max-width:38rem}.footer-title{margin:0 0 .58rem;font-size:.88rem;color:var(--sd-text)}.footer-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.footer-list a{color:var(--sd-dim);font-size:.82rem}.footer-list a:hover{color:var(--sd-text)}.footer-bottom{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--sd-border-soft);font-size:.73rem;color:var(--sd-dim-2);text-align:center}@media(max-width:960px){.site-nav{min-height:66px;padding:.46rem .95rem}.site-nav-links,.desktop-only{display:none}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.mobile-menu.open{display:block}.site-main{min-height:calc(100vh - 66px)}.site-main.site-main-generate-focus{min-height:100vh}.site-footer-wrap{padding:2.4rem 1rem 1.4rem}.footer-top{grid-template-columns:repeat(2,max-content);justify-content:center;column-gap:clamp(3rem,10vw,6rem);row-gap:1.2rem}}@media(max-width:640px){.footer-top{grid-template-columns:1fr;justify-content:stretch;row-gap:1rem}}.site-header{border-bottom:none}.site-header:after{height:0}.site-nav-links{border:none;background:transparent;box-shadow:none;padding:0;gap:.9rem}.site-nav-link{padding:.35rem 0;border-radius:0;font-size:.9rem;font-weight:620;color:color-mix(in srgb,var(--sd-text) 76%,transparent)}.site-nav-link.active{background:transparent;color:var(--sd-text);box-shadow:none}.site-nav-link.active:after{content:"";display:block;width:100%;height:2px;margin-top:.32rem;border-radius:999px;background:linear-gradient(90deg,var(--sd-accent),var(--sd-accent-strong))}.action-btn{border:none;background:transparent;padding:.3rem .5rem}.action-btn:hover{background:color-mix(in srgb,var(--sd-accent) 10%,transparent);border:none}.signin-btn{border:none;box-shadow:none}.dropdown-menu{border:none;box-shadow:0 20px 42px #050c203d}.mobile-menu-panel{border:none;box-shadow:0 16px 30px #050c2029}.site-footer{border-top:none;background:transparent}.footer-bottom{border-top:none;margin-top:1.2rem;padding-top:0}.site-nav{min-height:78px;padding:.9rem 2.2rem}.brand-link{padding:.2rem .28rem}.brand-text{font-size:1.16rem;font-weight:680}.site-nav-links{gap:1rem}.site-nav-link{font-size:.94rem;font-weight:590}.site-nav-link.active{font-weight:690}.site-nav-link.active:after{height:1px}.site-nav-actions{gap:.32rem}.action-btn{padding:.24rem .42rem;color:color-mix(in srgb,var(--sd-text) 72%,transparent)}.dropdown-menu{background:color-mix(in srgb,var(--sd-menu-bg) 88%,transparent)}.site-footer-wrap{padding-top:2.3rem}.footer-copy{max-width:44rem}@media(max-width:960px){.site-nav{min-height:68px;padding:.52rem .9rem}.brand-text{font-size:1.02rem}.site-footer-wrap{padding-top:1.8rem}}.site-header{background:#fcfbf8cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-dark .site-header{background:#121212b8}.site-nav{width:min(100%,1240px);min-height:64px;padding:.72rem 1.2rem}.brand-link{gap:.34rem}.brand-logo{width:18px;height:18px;filter:none}.theme-dark .brand-logo{filter:brightness(2.5) drop-shadow(0 0 4px rgba(255,255,255,.3))}.brand-text{font-size:.82rem;font-weight:720;letter-spacing:.03em}.site-nav-links{gap:1.45rem;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.site-nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.42rem .08rem .52rem;border-radius:0;font-size:.95rem;line-height:1.1;font-weight:560;letter-spacing:.01em;color:color-mix(in srgb,var(--sd-text) 76%,transparent);opacity:1;transition:color .14s ease}.site-nav-link:after{content:"";position:absolute;left:0;right:0;bottom:.1rem;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--sd-accent),var(--sd-accent-strong));transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .18s ease,opacity .18s ease}.site-nav-link:hover{background:transparent;color:var(--sd-text)}.site-nav-link:focus{outline:none}.site-nav-link:focus-visible{outline:none;color:var(--sd-text)}.site-nav-link:focus-visible:after{transform:scaleX(1);opacity:.82}.site-nav-link.active{color:var(--sd-text);font-weight:650;background:transparent;box-shadow:none}.site-nav-link.active:after{transform:scaleX(1);opacity:1}.site-nav-actions{gap:.16rem}.action-btn{font-size:.8rem;font-weight:500;border-radius:6px;color:var(--sd-text)}.signin-btn{min-height:28px;border-radius:6px;padding:.26rem .6rem;font-size:.78rem;font-weight:500;background:#1c1c1c;color:#fcfbf8}.signin-btn:hover{transform:none;box-shadow:none;filter:brightness(1.04)}.dropdown-menu{border:1px solid #eceae4;box-shadow:0 12px 24px #1c1c1c14}.theme-dark .dropdown-menu{border-color:#ffffff29}.dropdown-item{border-radius:6px;font-size:.8rem}.dropdown-subtle{font-size:.68rem}.mobile-menu-panel{border:1px solid #eceae4;box-shadow:0 12px 24px #1c1c1c14}.site-main{min-height:calc(100vh - 64px)}.auth-modal{border:1px solid #eceae4;border-radius:12px;box-shadow:0 20px 42px #1c1c1c1f}.auth-title{font-size:1.4rem;font-weight:620}.auth-google{border:1px solid #eceae4;border-radius:8px;font-size:.84rem}.site-footer{margin-top:4rem}.site-footer-wrap{width:min(100%,1240px);padding:1.8rem 1.2rem 1.2rem}.footer-top{column-gap:clamp(6rem,16vw,12rem);row-gap:1rem}.footer-title{font-size:.78rem;font-weight:620}.footer-list a{font-size:.76rem}.footer-bottom{margin-top:2rem;font-size:.68rem}@media(max-width:960px){.site-nav{min-height:58px}.site-main{min-height:calc(100vh - 58px)}.brand-text{font-size:.76rem}}.auth-overlay{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:1.2rem;background:radial-gradient(110% 85% at 10% 4%,color-mix(in srgb,var(--sd-accent) 20%,transparent),transparent 58%),var(--sd-overlay-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:auth-overlay-in .18s ease}.auth-modal{position:relative;width:min(100%,760px);border-radius:1.2rem;border:1px solid color-mix(in srgb,var(--sd-border) 76%,transparent);background:color-mix(in srgb,var(--sd-surface-strong) 94%,var(--sd-bg) 6%);box-shadow:0 30px 80px color-mix(in srgb,#0f0f0f 34%,transparent);overflow:hidden;padding:0;animation:auth-modal-in .24s cubic-bezier(.22,1,.36,1)}.theme-dark .auth-modal{box-shadow:0 34px 92px #00000094}.auth-modal:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid color-mix(in srgb,#fff 20%,transparent);pointer-events:none}.auth-close{position:absolute;top:.72rem;right:.72rem;width:32px;height:32px;border-radius:.7rem;border:0;color:var(--sd-dim);background:transparent;cursor:pointer;z-index:2;display:inline-flex;align-items:center;justify-content:center}.auth-close:hover{color:var(--sd-text);background:color-mix(in srgb,var(--sd-accent) 12%,transparent)}.auth-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:430px}.auth-showcase{position:relative;padding:2.2rem 1.8rem 1.8rem;border-right:1px solid var(--sd-border-soft);background:radial-gradient(120% 120% at -10% -20%,color-mix(in srgb,var(--sd-accent) 24%,transparent),transparent 66%),linear-gradient(155deg,color-mix(in srgb,var(--sd-card) 84%,transparent),color-mix(in srgb,var(--sd-surface) 66%,transparent))}.auth-showcase:after{content:"";position:absolute;right:-76px;bottom:-88px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sd-accent) 24%,transparent),transparent 68%);pointer-events:none}.auth-brand-chip{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;border:1px solid var(--sd-border-soft);background:color-mix(in srgb,var(--sd-surface-strong) 76%,transparent);color:var(--sd-dim);padding:.32rem .64rem;font-size:.74rem;font-weight:650}.auth-brand-logo{width:18px;height:18px}.auth-showcase-title{margin:.92rem 0 0;font-family:var(--sd-font-display);font-size:1.55rem;letter-spacing:-.02em;line-height:1.1}.auth-showcase-sub{margin:.64rem 0 0;color:var(--sd-dim);font-size:.88rem;line-height:1.58;max-width:20rem}.auth-benefits{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;gap:.62rem}.auth-benefit-item{display:inline-flex;align-items:center;gap:.56rem;border-radius:.8rem;border:1px solid color-mix(in srgb,var(--sd-border-soft) 92%,transparent);background:color-mix(in srgb,var(--sd-surface-strong) 64%,transparent);color:var(--sd-muted);font-size:.8rem;font-weight:570;line-height:1.35;padding:.58rem .66rem}.auth-benefit-icon{width:1.1rem;height:1.1rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(145deg,var(--sd-accent),var(--sd-accent-strong));color:#fff}.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:2.25rem 1.9rem 1.8rem;background:var(--sd-panel-bg)}.auth-title{margin:0;font-family:var(--sd-font-display);font-size:1.52rem;font-weight:700;letter-spacing:-.01em;line-height:1.1}.auth-sub{margin:.54rem 0 0;color:var(--sd-dim);font-size:.9rem;line-height:1.55;max-width:18rem}.auth-actions{margin-top:1.1rem;display:grid;gap:.7rem}.auth-google{width:100%;min-height:48px;border-radius:.9rem;border:1px solid color-mix(in srgb,var(--sd-border) 86%,transparent);background:color-mix(in srgb,var(--sd-surface-strong) 90%,transparent);color:var(--sd-text);font-size:.9rem;font-weight:680;display:inline-flex;align-items:center;justify-content:center;gap:.72rem;padding:.84rem 1rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.auth-google svg{flex-shrink:0}.auth-google:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--sd-accent) 36%,transparent);background:color-mix(in srgb,var(--sd-accent) 10%,var(--sd-surface-strong));box-shadow:0 10px 26px color-mix(in srgb,var(--sd-accent) 17%,transparent)}.auth-google:focus-visible{outline:2px solid color-mix(in srgb,var(--sd-accent) 55%,transparent);outline-offset:2px}.auth-note{margin:0;color:var(--sd-dim-2);font-size:.75rem;line-height:1.45;letter-spacing:.01em}@keyframes auth-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes auth-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.auth-overlay,.auth-modal{animation:none}.auth-google{transition:none}.auth-google:hover{transform:none}}@media(max-width:760px){.auth-overlay{padding:.85rem}.auth-modal{width:min(100%,460px)}.auth-shell{grid-template-columns:1fr;min-height:0}.auth-showcase{padding:1.35rem 1.1rem 1.16rem;border-right:0;border-bottom:1px solid var(--sd-border-soft)}.auth-showcase:after{display:none}.auth-showcase-title{font-size:1.28rem}.auth-benefits{margin-top:.92rem;gap:.5rem}.auth-benefit-item{padding:.52rem .58rem}.auth-panel{padding:1.2rem 1.1rem 1.16rem}.auth-sub{max-width:none}.auth-close{top:.52rem;right:.52rem}}.auth-modal.auth-modal-minimal{width:min(100%,760px);border-radius:1.75rem;border:1px solid color-mix(in srgb,var(--sd-border) 84%,transparent);background:color-mix(in srgb,var(--sd-surface-strong) 96%,transparent);box-shadow:0 28px 80px #0c0c0c2e;padding:2.5rem 2.4rem 2rem;overflow:hidden}.theme-dark .auth-modal.auth-modal-minimal{box-shadow:0 34px 90px #0000009e}.auth-modal.auth-modal-minimal:before{border:1px solid color-mix(in srgb,#fff 32%,transparent)}.auth-modal-minimal .auth-close{top:1rem;right:1rem;width:34px;height:34px}.auth-simple-mark{width:54px;height:54px;border-radius:17px;object-fit:contain;margin-bottom:2.05rem}.auth-modal-minimal .auth-title{margin:0;max-width:26rem;font-size:clamp(2.2rem,4vw,3.9rem);font-weight:760;line-height:.96;letter-spacing:-.035em;color:var(--sd-text)}.auth-modal-minimal .auth-sub{margin:.82rem 0 0;max-width:24rem;font-size:clamp(1.35rem,2.8vw,2rem);font-weight:560;color:color-mix(in srgb,var(--sd-text) 46%,transparent);line-height:1.1}.auth-modal-minimal .auth-google{margin-top:2rem;min-height:62px;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--sd-border) 92%,transparent);background:color-mix(in srgb,var(--sd-surface-strong) 97%,transparent);color:var(--sd-text);font-size:1.02rem;font-weight:620;box-shadow:none;transform:none}.auth-modal-minimal .auth-google:hover{border-color:color-mix(in srgb,var(--sd-text) 18%,var(--sd-border));background:color-mix(in srgb,var(--sd-surface-strong) 92%,var(--sd-accent) 8%);box-shadow:none;transform:none}.auth-legal{margin:.95rem 0 0;padding-top:1rem;border-top:1px solid var(--sd-border-soft);color:var(--sd-dim);font-size:.82rem;line-height:1.5}.auth-legal a{color:inherit;text-decoration:underline;text-underline-offset:.13em}.auth-legal a:hover{color:var(--sd-text)}@media(prefers-reduced-motion:reduce){.auth-modal.auth-modal-minimal,.auth-overlay{animation:none}}@media(max-width:760px){.auth-modal.auth-modal-minimal{width:min(100%,520px);border-radius:1.35rem;padding:1.9rem 1.2rem 1.4rem}.auth-modal-minimal .auth-close{top:.7rem;right:.7rem}.auth-simple-mark{margin-bottom:1.35rem}.auth-modal-minimal .auth-google{margin-top:1.5rem;min-height:56px}}.site-footer .footer-bottom{margin-top:clamp(3.2rem,8vw,5rem);text-align:center}@media(max-width:960px){.site-footer .footer-bottom{margin-top:2.4rem}}.toast-container{position:fixed;top:1.2rem;right:1.2rem;z-index:10000;display:flex;flex-direction:column;gap:.6rem;pointer-events:none;max-width:min(24rem,calc(100vw - 2.4rem))}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;border-radius:.7rem;font-size:.88rem;font-weight:550;line-height:1.4;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translate(0);opacity:1}.toast-enter{animation:toastSlideIn .32s cubic-bezier(.16,1,.3,1)}.toast-exit{animation:toastSlideOut .3s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}.toast-error{background:linear-gradient(135deg,#ef4444eb,#dc2626eb);color:#fff;border:1px solid rgba(255,255,255,.15)}.toast-error .toast-icon{color:#fecaca}.toast-success{background:linear-gradient(135deg,#22c55eeb,#16a34aeb);color:#fff;border:1px solid rgba(255,255,255,.15)}.toast-success .toast-icon{color:#bbf7d0}.toast-info{background:linear-gradient(135deg,#3b82f6eb,#2563ebeb);color:#fff;border:1px solid rgba(255,255,255,.15)}.toast-info .toast-icon{color:#bfdbfe}.toast-icon{display:flex;align-items:center;flex-shrink:0}.toast-message{flex:1;min-width:0}.toast-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border:0;border-radius:.35rem;background:#ffffff26;color:#fffc;cursor:pointer;transition:background .15s ease}.toast-close:hover{background:#ffffff47}@media(max-width:640px){.toast-container{top:auto;bottom:1.2rem;right:.8rem;left:.8rem;max-width:none;align-items:stretch}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(100%) scale(.95)}}}.blog-page{min-height:100vh;padding:2rem 1rem 4rem}.blog-shell{max-width:960px;margin:0 auto}.blog-header{text-align:center;margin-bottom:3rem}.blog-title{font-family:var(--sd-font-display);font-size:2.25rem;font-weight:700;letter-spacing:-.02em;color:var(--sd-text);margin:0 0 .5rem}.blog-subtitle{font-size:1.05rem;color:var(--sd-dim);margin:0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.blog-card{background:var(--sd-card);border:1px solid var(--sd-border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s,box-shadow .2s}.blog-card:hover{border-color:var(--sd-accent);box-shadow:var(--sd-shadow-soft)}.blog-card-tag{display:inline-block;align-self:flex-start;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sd-accent);background:color-mix(in srgb,var(--sd-accent) 10%,transparent);padding:.2rem .6rem;border-radius:4px}.blog-card-title{font-size:1.1rem;font-weight:600;line-height:1.35;color:var(--sd-text);margin:0}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:var(--sd-accent)}.blog-card-excerpt{font-size:.875rem;line-height:1.55;color:var(--sd-dim);margin:0;flex:1}.blog-card-meta{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--sd-dim-2)}.blog-card-dot{font-size:.5rem}.blog-cta{text-align:center;padding:3rem 2rem;background:var(--sd-card);border:1px solid var(--sd-border);border-radius:16px}.blog-cta h2{font-family:var(--sd-font-display);font-size:1.5rem;font-weight:700;color:var(--sd-text);margin:0 0 .5rem}.blog-cta p{color:var(--sd-dim);margin:0 0 1.5rem}.blog-cta-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.blog-cta-primary{display:inline-flex;align-items:center;padding:.65rem 1.5rem;background:var(--sd-accent);color:var(--sd-bg);font-size:.9rem;font-weight:600;border-radius:8px;text-decoration:none;transition:opacity .15s}.blog-cta-primary:hover{opacity:.9}.blog-cta-secondary{display:inline-flex;align-items:center;padding:.65rem 1.5rem;background:transparent;color:var(--sd-text);font-size:.9rem;font-weight:500;border:1px solid var(--sd-border);border-radius:8px;text-decoration:none;transition:border-color .15s}.blog-cta-secondary:hover{border-color:var(--sd-accent)}@media(max-width:640px){.blog-title{font-size:1.75rem}.blog-grid{grid-template-columns:1fr}}
