:root{--color-primary:#6366f1;--color-accent:#14b8a6;--color-secondary:#818cf8;--color-background:#0a0a1a;--color-surface:#111128;--color-text:#eae8ff;--color-text-muted:#8b89a8;--color-text-subtle:#504e6a;--color-border:#444470;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Inter", system-ui, -apple-system, sans-serif;--spacing-section:64px;--spacing-content:24px;--spacing-card:16px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #00000059, 0 2px 4px -2px #00000040;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #00000040;--shadow-xl:0 20px 25px -5px #00000073, 0 8px 10px -6px #00000040;--sidebar-bg:#0e0e24;--header-bg:#131330;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:15px;--fs-xl:18px;--fs-h2:22px;--fs-h1:28px;--page-padding-y:20px;--page-padding-x:16px;--page-max-width:980px}@media (width>=768px){:root{--page-padding-y:28px;--page-padding-x:24px}}@media (width>=1024px){:root{--page-padding-y:36px;--page-padding-x:32px}}@media (width>=1440px){:root{--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-h2:26px;--fs-h1:32px;--page-padding-y:44px;--page-padding-x:36px}}@media (width>=1920px){:root{--page-padding-y:48px;--page-padding-x:40px}}*,:before,:after{box-sizing:border-box;margin:0}body{height:100vh;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{height:100vh}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}#root .fui-Body1,#root .fui-Body1Strong,#root .fui-Body1Stronger,#root .fui-Body2,#root .fui-Caption1,#root .fui-Caption1Strong,#root .fui-Caption1Stronger,#root .fui-Caption2,#root .fui-Caption2Strong,#root .fui-Subtitle1,#root .fui-Subtitle2,#root .fui-Subtitle2Stronger,#root .fui-Title1,#root .fui-Title2,#root .fui-Title3,#root .fui-LargeTitle,#root .fui-Display{text-align:inherit!important}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}body,body *{transition:background-color .2s,border-color .2s,color .15s}body.theme-switching,body.theme-switching *{transition:none!important}#root button,#root .fui-Button,#root [role=button]{opacity:1}#root select{cursor:pointer}#root select:disabled{cursor:not-allowed}[data-mode=dark] body{background-image:radial-gradient(80% 50% at 50% 0,#6366f11f,#0000 70%),linear-gradient(#6366f108 1px,#0000 1px),linear-gradient(90deg,#6366f108 1px,#0000 1px);background-size:100% 100%,48px 48px,48px 48px;background-attachment:fixed}[data-mode=light] body{background-image:none}#root .fui-Button.fui-Button--primary,#root button[class*=primary]{transition:all .2s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%)!important;color:#fff!important;border:none!important}#root .fui-Button.fui-Button--primary:hover,#root button[class*=primary]:hover{opacity:.9;box-shadow:0 4px 16px #6366f14d}#root .fui-Card{transition:border-color .3s,box-shadow .3s,transform .3s}#root .fui-Card:hover{transform:translateY(-1px);box-shadow:0 8px 32px #6366f10f;border-color:#6366f14d!important}.status-generating{color:#f59e0b!important;background:#f59e0b1a!important;border:1px solid #f59e0b40!important}.status-ready{color:#22c55e!important;background:#22c55e1a!important;border:1px solid #22c55e40!important}.status-published{color:#818cf8!important;background:#6366f11a!important;border:1px solid #6366f140!important}.status-error{color:#ef4444!important;background:#ef44441a!important;border:1px solid #ef444440!important}#root a,#root input,#root textarea,#root select{transition:all .2s cubic-bezier(.4,0,.2,1)}#root input:focus,#root textarea:focus,#root select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #6366f133!important}[data-mode=dark] #root .fui-Display,[data-mode=dark] #root .fui-LargeTitle,[data-mode=dark] #root .fui-Title1{background:linear-gradient(180deg, var(--color-text) 0%, var(--color-text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#root .fui-Badge{border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:600;transition:all .2s}[data-mode=dark] .fui-MenuItem{background-color:#0000!important}.fui-MenuItem{transition:background-color .12s,color .12s;border-radius:0!important;padding:10px 12px!important}.fui-MenuItem:hover,.fui-MenuItem:focus,.fui-MenuItem:focus-visible{background-color:#6366f114!important}.fui-MenuItem:focus,.fui-MenuItem:focus-visible{background-color:#6366f11f!important;outline:none!important}.fui-MenuItem:after,.fui-MenuItem:focus:after,.fui-MenuItem:focus-visible:after{content:none!important;box-shadow:none!important;border:0!important;outline:none!important}.fui-MenuItem .fui-MenuItem__icon{margin-right:4px!important}.fui-MenuItem,.fui-MenuItem .fui-MenuItem__icon{color:var(--color-text-muted)!important}.fui-MenuItem:hover,.fui-MenuItem:hover .fui-MenuItem__icon,.fui-MenuItem:focus,.fui-MenuItem:focus .fui-MenuItem__icon,.fui-MenuItem:focus-visible,.fui-MenuItem:focus-visible .fui-MenuItem__icon{color:var(--color-text)!important}.fui-MenuItem[aria-checked=true],.fui-MenuItem[aria-selected=true]{background-color:#6366f11f!important}.fui-MenuItem[aria-disabled=true]:hover,.fui-MenuItem[aria-disabled=true]:focus{background-color:#0000!important}.page-shell{padding:var(--page-padding-y) var(--page-padding-x);background:var(--color-background);flex-direction:column;flex:1;align-items:center;min-height:0;display:flex;overflow-y:auto}.page-content{width:100%;max-width:min(var(--page-max-width,980px), 100%)}@media (width>=1920px){.page-content{max-width:min(85vw,1600px)}}.dashboard-content{max-width:680px}.home-wide{width:100%;max-width:1180px}:root{--shortcut-cols:4}@media (width<=900px){:root{--shortcut-cols:3}}@media (width<=640px){:root{--shortcut-cols:2}}.header-inner{max-width:1180px;margin:0 auto}.section-card{border-radius:var(--radius-lg);margin-bottom:24px;padding:20px 22px}@media (width>=1440px){.section-card{padding:28px 32px}}.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}@media (width>=768px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width>=1024px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (width>=1440px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}.recent-rail{scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:6px 2px;display:flex;overflow:auto hidden}.recent-rail::-webkit-scrollbar{display:none}.sidebar-shell{width:240px;min-width:240px}@media (width>=768px) and (width<=1180px){.sidebar-shell{width:200px;min-width:200px}}@media (width<=767px){.sidebar-shell{z-index:100;width:280px;min-width:280px;transition:transform .22s,background-color .2s,border-color .2s,color .15s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-shell.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:99;opacity:0;pointer-events:none;background:#00000080;transition:opacity .22s;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}}.hamburger-btn{display:none}@media (width<=767px){.hamburger-btn{display:inline-flex}}body.preview-fullscreen .editor-header{display:none!important}.header-title{flex-shrink:0;align-items:center;display:flex}.project-tabs-menu{display:none}@media (width<=1024px){.project-tabs{display:none!important}.project-tabs-menu{display:flex}}.header-logo{display:none}.header-desktop-only{display:flex}.sidebar-mode-toggle{display:none}@media (width<=767px){.header-title{display:none}.header-logo{display:inline-flex}.header-desktop-only{display:none}.sidebar-mode-toggle{display:flex}}.login-brand{width:420px;min-width:420px}.login-form{padding:48px}@media (width<=767px){.login-shell{flex-direction:column}.login-brand{display:none}.login-form{padding:24px}}.ui-button[data-variant=primary]:not(:disabled):hover{filter:brightness(1.08)}.ui-button[data-variant=secondary]:not(:disabled):hover{border-color:var(--color-primary,#1f6feb)}.ui-button[data-variant=danger]:not(:disabled):hover{background:#f8514914;border-color:#f85149}.ui-button[data-variant=ghost]:not(:disabled):hover{color:var(--color-text);background:#7f7f7f17}.doc-workspace{align-items:flex-start;gap:20px;display:flex}.doc-workspace-doc{flex:1;min-width:0}.doc-workspace-chat{flex-direction:column;flex-shrink:0;width:420px;height:calc(100dvh - 124px);min-height:420px;display:flex;position:sticky;top:0}.doc-workspace-chat[hidden]{display:none}@media (width<=1100px){.doc-workspace{flex-direction:column}.doc-workspace-chat{width:100%;height:560px;position:static}}.page-content:has(.media-editor){flex-direction:column;flex:1;min-height:0;display:flex}.page-shell:has(.media-editor){padding-bottom:var(--page-padding-x)}.doc-workspace:has(.media-editor){flex:1;align-items:stretch;min-height:0}.doc-workspace:has(.media-editor)>.doc-workspace-doc{flex:1 1 0;min-height:0;display:flex}.media-editor{flex:1;grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:24px;min-height:32rem;display:grid}.media-editor-main{flex-direction:column;gap:14px;min-width:0;min-height:0;display:flex}.media-editor-canvas{flex-direction:column;flex:40%;min-height:25%;display:flex;position:relative}.media-editor-tools{gap:6px;display:flex;position:absolute;right:12px}.media-editor-tools .ui-button[data-variant=secondary]{background:var(--color-surface)!important}.media-editor-tools .ui-button:disabled{color:var(--color-text-subtle);opacity:1!important}.media-editor-tools-top{top:12px}.media-editor-tools-bottom{bottom:12px}.media-editor-canvas:fullscreen{background:#000;justify-content:center;align-items:center;padding:2rem;display:flex}:is(.media-editor-canvas:fullscreen img,.media-editor-canvas:fullscreen video,.media-editor-canvas:fullscreen model-viewer){object-fit:contain;width:100%;height:100%;margin:0}.media-editor-canvas:fullscreen .media-editor-tools{z-index:1}.media-editor-canvas>*{min-height:0}.media-editor-canvas img,.media-editor-canvas video{object-fit:contain;width:100%;height:100%;max-height:none}.media-editor-side{flex-direction:column;align-self:stretch;min-height:0;display:flex}.media-editor-side>*{flex:1;min-height:0;overflow-y:auto}.media-editor-dock{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;flex-shrink:0;margin-top:auto;display:flex;overflow:hidden}.media-editor-dock[data-open=true]{flex:0 45%;min-height:12rem;max-height:min(50%,30rem)}.media-editor-dock:not([data-open=true]){min-height:6.5rem}.media-editor-dock-toggle{border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-text);font:inherit;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}@media (width<=1100px){.media-editor{grid-template-columns:minmax(0,1fr)}.media-editor-side{position:static}.media-editor-main{height:auto;min-height:0}.media-editor-canvas{flex:none;min-height:min(52vh,320px)}.media-editor-side>*{flex:none}}.photo-fader{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}.photo-fader::-webkit-slider-runnable-track{background:var(--color-border);border-radius:999px;height:3px}.photo-fader::-moz-range-track{background:var(--color-border);border-radius:999px;height:3px}.photo-fader::-webkit-slider-thumb{appearance:none;background:#fff;border:none;border-radius:50%;width:18px;height:18px;margin-top:-7.5px;transition:transform .1s;box-shadow:0 1px 4px #00000073}.photo-fader::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000073}.photo-fader:active::-webkit-slider-thumb{transform:scale(1.15)}.photo-fader:disabled{opacity:.5;cursor:default}.photo-fader-wrap{position:relative}.photo-fader-wrap:before{content:"";background:var(--color-text-muted);opacity:.5;pointer-events:none;width:1px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.configai-tour.driver-popover{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:12px;max-width:320px;padding:16px 18px;font-family:inherit;box-shadow:0 18px 48px #00000073}.configai-tour .driver-popover-title{color:var(--color-text);font-size:15px;font-weight:600}.configai-tour .driver-popover-description{color:var(--color-text);opacity:.78;font-size:13px;line-height:1.55}.configai-tour .driver-popover-progress-text{color:var(--color-text-subtle);font-size:11px}.configai-tour .driver-popover-close-btn{color:var(--color-text-subtle)}.configai-tour .driver-popover-close-btn:hover,.configai-tour .driver-popover-close-btn:focus{color:var(--color-text)}.configai-tour .driver-popover-footer-btn{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:12px}.configai-tour .driver-popover-footer-btn:hover{color:var(--color-text);background:#ffffff0f}.configai-tour .driver-popover-navigation-btns button:last-child{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.configai-tour .driver-popover-navigation-btns button:last-child:hover{background:var(--color-primary);filter:brightness(1.08)}.configai-tour .driver-popover-arrow-side-left{border-left-color:var(--color-surface)}.configai-tour .driver-popover-arrow-side-right{border-right-color:var(--color-surface)}.configai-tour .driver-popover-arrow-side-top{border-top-color:var(--color-surface)}.configai-tour .driver-popover-arrow-side-bottom{border-bottom-color:var(--color-surface)}.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}