@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=Sora:wght@500;600;700&display=swap";:root{font-family:var(--font-body);color:var(--color-text);font-synthesis:none}body{background:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,select,label{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button,input,textarea,select{border:1px solid var(--line)}input,textarea,select{background:var(--color-input);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-3);width:100%;min-width:0}select{appearance:auto;cursor:pointer}textarea{resize:vertical;min-height:128px;line-height:1.65}h1,h2,h3,p{margin:0}button{background:0 0}svg{flex-shrink:0}h1,h2,h3{font-family:var(--font-heading)}h1{font-size:var(--text-3xl);letter-spacing:-1.1px;font-weight:650;line-height:1.3}h2{letter-spacing:-.6px;font-size:22px}p{line-height:1.65}label{font-size:var(--text-md);font-weight:550}.muted{color:var(--muted)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--color-surface);z-index:30;flex-direction:column;width:230px;padding:33px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{font-family:var(--font-display);letter-spacing:-.04em;align-items:center;gap:10px;padding:0 9px;font-size:21px;font-weight:700;display:flex}.brand-mark{flex-shrink:0;width:32px;height:32px}.brand-mark-d{fill:var(--logo-d)}.brand-mark-play{fill:var(--logo-play)}.brand-mark-dot{fill:var(--logo-dot);stroke:var(--logo-ring)}.brand-suffix{color:var(--color-text-muted);font-weight:600}.brand-suffix-dot{color:var(--logo-dot)}.workspace-label{color:var(--color-text-muted);letter-spacing:1.7px;text-transform:uppercase;margin:43px var(--space-3) var(--space-4);font-size:10px;font-weight:650}.nav-item{align-items:center;gap:var(--space-3);margin:var(--space-1) 0;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-md);padding:13px;transition:all .18s;display:flex}.nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.nav-item.active{background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.nav-item.active svg{stroke:var(--color-on-accent)}.sidebar-divider{background:var(--line);height:1px;margin:var(--space-5) var(--space-3)}.sidebar-bottom{padding-top:var(--space-12);margin-top:auto}.credit-card{background:var(--color-input);border-radius:var(--radius-md);margin-bottom:18px;padding:14px 13px}.credit-card>div{color:var(--color-accent-text);align-items:center;gap:7px;display:flex}.credit-card p{font-size:var(--text-xs);color:var(--color-text-muted);margin:9px 0}.credit-card a{font-size:var(--text-xs);color:var(--color-accent-text);justify-content:space-between;align-items:center;margin-top:10px;font-weight:600;display:flex}.main-shell{width:calc(100% - 230px);margin-left:230px}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-bg);height:78px;padding:0 38px;display:flex}.breadcrumb{font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:14px;display:flex}.breadcrumb strong{color:var(--color-text);font-weight:500}.topbar-actions{align-items:center;gap:14px;display:flex}.balance-chip{background:var(--color-accent-soft);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-xs);color:var(--color-text-secondary);align-items:center;gap:7px;display:flex}.balance-chip svg{color:var(--color-accent-text)}.studio-page{max-width:1550px;margin:auto;padding:35px 38px 0}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-8);display:flex}.eyebrow{letter-spacing:1.8px;color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:10px;font-weight:600}.page-heading p{font-size:var(--text-md);color:var(--color-text-muted);margin-top:10px}.studio-grid{grid-template-columns:minmax(290px,.85fr) minmax(0,1.5fr);align-items:start;gap:25px;display:grid}.composer{gap:var(--space-3);flex-direction:column;display:flex}.composer-block{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface)}.mode-tabs{background:var(--color-input);border-bottom:1px solid var(--line);gap:7px;padding:7px;display:flex}.mode-tabs button{font-size:var(--text-md);border-radius:var(--radius-sm);color:var(--color-text-muted);border:0;flex:1;justify-content:center;align-items:center;gap:9px;padding:13px 0;display:flex}.mode-tabs button.selected{background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 1px 3px color-mix(in srgb, var(--color-black) 20%, transparent)}.label-row{font-size:var(--text-xs);color:var(--color-text-secondary);justify-content:space-between;align-items:center;margin:22px 0 11px;display:flex}.label-row:first-child{margin-top:0}.label-row svg{color:var(--color-text-muted)}.micro-label{letter-spacing:1.2px;color:var(--color-text-muted);font-size:8px}.composer textarea{font-size:var(--text-sm);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;padding:14px;display:block}.composer textarea::placeholder{color:var(--color-text-muted)}.prompt-footer{background:var(--color-input);border:1px solid var(--line);padding:var(--space-2) 11px;color:var(--color-text-muted);border-top:0;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;font-size:10px;display:flex}.prompt-footer button{color:var(--color-text-muted);align-items:center;gap:var(--space-1);border:0;padding:0;font-size:10px;display:flex}.upload-box{justify-content:center;align-items:center;gap:var(--space-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-5) 10px;background:var(--color-input);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.upload-box svg{color:var(--color-text-muted)}.upload-box strong{font-size:var(--text-xs);font-weight:500}.upload-box span{color:var(--color-text-muted);font-size:9px}.upload-box input{opacity:0;cursor:pointer;position:absolute;inset:0}.ratio-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.ratio-options button{gap:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-input);flex-direction:column;align-items:center;padding:10px 5px;font-size:10px;display:flex}.ratio-options button.selected{border-color:var(--color-accent-border);color:var(--color-accent-text);background:var(--color-accent-soft)}.ratio-shape{border:1px solid;border-radius:2px;width:15px;height:15px;display:block}.form-line{gap:var(--space-5);justify-content:space-between;align-items:center;margin-top:21px;display:flex}.form-line .ui-select{width:135px}.form-line label{color:var(--color-text-secondary)}.composer-action{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface)}.generate-btn{width:100%;font-size:var(--text-sm);padding:14px var(--space-3);gap:var(--space-2);min-height:48px}.generate-btn span{border-left:1px solid var(--color-accent-border);margin-left:auto;padding-left:11px;font-size:10px;font-weight:500}.composer-action p{text-align:center;color:var(--color-text-muted);margin-top:11px;font-size:9px}.section-label{justify-content:space-between;align-items:center;gap:10px;margin:25px 0 15px;display:flex}.section-label h2{letter-spacing:-.25px;font-size:15px;font-weight:600}.section-label a{color:var(--color-text-muted);align-items:center;gap:6px;font-size:10px;display:flex}.examples-caption{color:var(--color-text-muted);margin-top:10px;font-size:9px}.skip-link{background:var(--lime);color:var(--color-on-accent);z-index:100;padding:14px;position:fixed;top:-70px;left:20px}.skip-link:focus{top:10px}.menu-button,.mobile-shade{display:none}.not-found{text-align:center;padding:100px 30px}.not-found p{margin:var(--space-5) 0}.menu-button{display:none}@media (width>=1600px){.composer textarea{min-height:165px}}@media (width<=1100px){.sidebar{width:200px;padding:30px var(--space-3)}.brand{font-size:19px}.main-shell{width:calc(100% - 200px);margin-left:200px}.topbar{padding:0 25px}.studio-page{padding:var(--space-7) 25px 0}.studio-grid{grid-template-columns:minmax(270px,1fr) minmax(0,1.2fr);gap:19px}.composer-block{padding:18px}.section-label a{font-size:9px}.section-label h2{font-size:var(--text-sm)}h1{font-size:28px}.nav-item{font-size:var(--text-xs)}}@media (width<=850px){.sidebar{width:230px;transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.main-shell{width:100%;margin-left:0}.menu-button{display:flex}.mobile-shade{background:color-mix(in srgb, var(--color-black) 60%, transparent);z-index:25;border:0;display:block;position:fixed;inset:0}.topbar{height:65px}.studio-grid{grid-template-columns:minmax(275px,1fr) minmax(0,1.15fr)}.page-heading .eyebrow{font-size:9px}.sidebar .nav-item{font-size:var(--text-md)}}@media (width<=620px){.studio-page{padding:var(--space-6) 18px 0}.topbar{padding:0 var(--space-4)}.breadcrumb>span,.breadcrumb>svg{display:none}.balance-chip{padding:7px;font-size:10px}.topbar-actions{gap:var(--space-2)}.page-heading{margin-bottom:23px}h1{letter-spacing:-.9px;font-size:26px}.page-heading p{font-size:var(--text-sm);max-width:275px}.studio-grid{grid-template-columns:1fr}.composer textarea{min-height:140px}.section-label h2{font-size:15px}.section-label a{font-size:10px}.micro-label{font-size:9px}.composer-action p,.prompt-footer,.prompt-footer button,.upload-box span{font-size:var(--text-2xs)}.ratio-options button{font-size:var(--text-xs)}.generate-btn{font-size:var(--text-md)}.generate-btn span{font-size:var(--text-xs)}.examples-caption{font-size:10px}}.avatar{background:var(--color-text-secondary);width:33px;height:33px;color:var(--color-surface-raised);font-size:var(--text-md);border-radius:50%;place-items:center;font-weight:700;display:grid}.demo-banner{color:var(--color-text-secondary);background:var(--color-surface);font-size:var(--text-xs);border-bottom:1px solid var(--color-border);gap:var(--space-3);align-items:center;padding:10px 38px;display:flex}.demo-banner>span{text-transform:uppercase;letter-spacing:1px;color:var(--color-accent-text);white-space:nowrap;font-size:10px;font-weight:700}.error-banner{padding:var(--space-3) 30px;background:var(--color-danger-soft);font-size:var(--text-md)}.error-banner button{border:0;text-decoration:underline}.standard-page{max-width:1440px;margin:auto;padding:38px}.full{width:100%}.small-text{font-size:var(--text-sm)}.button-row{flex-wrap:wrap;gap:10px;display:flex}.text-button{color:var(--color-text-secondary);border:0;padding:10px;text-decoration:underline}.toast{background:var(--color-accent-text);color:var(--color-on-accent);border:1px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:0 8px 30px color-mix(in srgb, var(--color-black) 40%, transparent);z-index:100;gap:var(--space-5);width:max-content;max-width:min(550px,90vw);font-size:var(--text-md);padding:15px 18px;line-height:1.6;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast button{color:var(--color-on-accent);border:0;padding:0;font-size:22px}.loader{border:2px solid color-mix(in srgb, var(--color-accent-border) 31.37%, transparent);border-top-color:var(--lime);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.generate-btn>.loader{border:2px solid color-mix(in srgb, var(--color-border) 18.82%, transparent);border-top-color:var(--color-on-accent);margin:0;padding:0}.generate-btn>span:last-child{margin-left:auto}.empty-state{text-align:center;align-items:center;gap:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin:var(--space-7) 0;flex-direction:column;justify-content:center;min-height:350px;padding:85px 25px;display:flex}.empty-state h2{font-size:var(--text-2xl)}.empty-state p{max-width:470px;color:var(--color-text-muted);font-size:var(--text-base)}.empty-icon{background:var(--color-surface-raised);width:60px;height:60px;color:var(--color-accent-text);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);place-items:center;font-size:30px;display:grid}.template-photo-slot+.template-photo-slot{margin-top:var(--space-4)}.uploaded-file{align-items:center;gap:var(--space-3);border:1px solid var(--color-accent-border);background:var(--color-surface-raised);border-radius:var(--radius-sm);padding:9px;display:flex}.uploaded-file img{object-fit:cover;border-radius:var(--radius-sm);width:53px;height:65px}.uploaded-file>div{flex:1;min-width:0}.uploaded-file strong{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;max-width:155px;display:block;overflow:hidden}.uploaded-file span{font-size:var(--text-2xs);color:var(--color-text-secondary);align-items:center;gap:var(--space-1);margin-top:var(--space-2);display:flex}.check-label{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);align-items:start;gap:9px;font-weight:400;line-height:1.6;display:flex}.check-label input{width:15px;height:15px;accent-color:var(--lime);flex:0 0 15px;margin:3px 0 0}.result-stage{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:440px;position:relative;overflow:hidden}.result-top{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:13px 17px;display:flex}.result-stage>img,.result-stage>video{object-fit:contain;background:var(--color-bg);width:100%;max-height:340px;display:block}.result-caption{padding:19px 22px}.result-caption strong{font-size:17px}.result-caption p{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-2) 0}.result-caption>div{gap:9px;margin-top:15px;display:flex}.waiting-result{text-align:center;align-items:center;gap:var(--space-5);flex-direction:column;padding:52px 30px;display:flex}.waiting-result p{font-size:var(--text-md);color:var(--color-text-muted);max-width:380px}.waiting-result>span{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.orb{background:radial-gradient(color-mix(in srgb, var(--color-accent) 20%, transparent), color-mix(in srgb, var(--color-surface-hover) 13.33%, transparent));border:1px solid var(--color-accent-border);width:85px;height:85px;box-shadow:0 0 45px color-mix(in srgb, var(--color-accent) 7.45%, transparent);color:var(--color-accent-text);border-radius:50%;place-items:center;animation:3s ease-in-out infinite breathe;display:grid}.pricing-heading{text-align:center;padding:18px 0 35px}.pricing-heading h1{letter-spacing:-1.5px;font-size:38px}.pricing-heading>p{color:var(--color-text-muted);font-size:var(--text-base);max-width:600px;margin:14px auto 0}.segmented{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);margin-top:26px;padding:5px;display:inline-flex}.segmented button{padding:11px var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-text-secondary);border:0}.segmented button.selected{background:var(--color-accent-text);color:var(--color-surface);font-weight:600}.pricing-plans-controls{text-align:center}.pricing-plans-controls .segmented{margin-top:0}.pricing-plans-controls p.pricing-note{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:14px}.pricing-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);padding-top:17px;display:grid}.price-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:30px 25px;position:relative}.price-card.featured{border-color:var(--color-accent);background:linear-gradient(135deg, var(--color-surface-raised), var(--color-surface))}.popular-label{background:var(--lime);color:var(--color-surface-raised);border-radius:var(--radius-xl);letter-spacing:1px;white-space:nowrap;padding:6px 15px;font-size:9px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-icon{background:var(--color-surface-hover);width:43px;height:43px;color:var(--color-accent-text);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);place-items:center;margin-bottom:22px;display:grid}.price-card :is(h2,h3){font-size:var(--text-2xl)}.plan-description{color:var(--color-text-muted);font-size:var(--text-md);margin-top:10px}.price{align-items:baseline;gap:10px;margin:25px 0 15px;display:flex}.price strong{font-family:var(--font-heading);letter-spacing:-2px;font-size:48px;font-weight:650}.price>span{color:var(--color-text-muted);font-size:var(--text-xs)}.plan-credits{font-size:var(--text-md);color:var(--color-text-secondary);align-items:center;gap:9px;margin-bottom:23px;display:flex}.plan-features{border-top:1px solid var(--color-border);margin:25px 0 0;padding:21px 0 0;list-style:none}.plan-features li{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:start;gap:10px;margin:15px 0;line-height:1.6;display:flex}.plan-features svg{color:var(--color-accent-text);margin-top:3px}.credit-explainer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:30px;margin:33px 0;padding:26px 0;display:flex}.credit-explainer>div:first-child{flex:1}.credit-explainer h2{font-size:var(--text-xl)}.credit-explainer p{font-size:var(--text-md);color:var(--color-text-muted);max-width:440px;margin-top:10px}.credit-explainer>div:not(:first-child){font-size:var(--text-xs);white-space:nowrap;flex-direction:column;gap:10px;display:flex}.credit-explainer strong{font-size:var(--text-base);color:var(--color-accent-text)}.credit-explainer span{color:var(--color-text-muted)}.faq-grid{margin:var(--space-10) 0;grid-template-columns:.7fr 1.3fr;gap:50px;display:grid}.faq-grid>div>p{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-md)}details{border-bottom:1px solid var(--line);padding:var(--space-5) 0}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;font-size:15px;font-weight:500;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary>span{font-size:var(--text-xl);color:var(--color-accent-text)}details p{font-size:var(--text-md);color:var(--color-text-muted);margin-top:var(--space-4);line-height:1.8}.filter-bar{justify-content:space-between;align-items:center;gap:15px;margin:0 0 26px;display:flex}.filter-tabs{flex-wrap:wrap;gap:6px;display:flex}.filter-tabs button{color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid #0000;padding:9px 14px}.filter-tabs button.selected{border-color:var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-accent-text)}.search-box{align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 var(--space-3);color:var(--color-text-muted);width:250px;display:flex}.search-box input{font-size:var(--text-sm);background:0 0;border:0;padding:11px 0}.template-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.template-card{display:block;overflow:hidden}.template-image{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);height:290px;position:relative;overflow:hidden}.template-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.template-card:hover img{transform:scale(1.045)}.template-use{border:1px solid color-mix(in srgb, var(--color-white) 33.33%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-bg) 56.47%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-3);color:var(--color-accent-text);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:15px;left:15px;right:15px}.template-card>div+div{padding:18px 2px var(--space-3)}.template-card .eyebrow{color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:9px;display:block}.template-card h2{font-size:19px}.template-card p{font-size:var(--text-md);color:var(--color-text-muted);margin-top:7px}.template-product .template-image img{object-position:80% 70%;filter:saturate(.7)}.template-editorial .template-image img{object-position:40% 20%;filter:saturate(.6)}.library-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.creation-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden}.creation-preview{background:var(--color-surface);border:0;width:100%;height:225px;padding:0;display:block;position:relative;overflow:hidden}.creation-preview>img,.creation-preview>video{object-fit:cover;width:100%;height:100%;display:block}.creation-kind{letter-spacing:.7px;border:1px solid color-mix(in srgb, var(--color-white) 33.33%, transparent);background:color-mix(in srgb, var(--color-bg) 70.2%, transparent);border-radius:var(--radius-xl);align-items:center;gap:6px;padding:6px 9px;font-size:9px;display:flex;position:absolute;top:12px;left:12px}.creation-pending{height:100%;color:var(--color-text-secondary);font-size:var(--text-md);flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex}.creation-info{padding:var(--space-4)}.creation-info>p{font-size:var(--text-md);-webkit-line-clamp:2;min-height:46px;color:var(--color-text-secondary);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.creation-info>div{color:var(--color-text-muted);font-size:var(--text-2xs);margin-top:var(--space-4);justify-content:space-between;gap:10px;display:flex}.creation-actions{border-top:1px solid var(--color-border);align-items:center;padding-top:13px}.creation-actions>div{gap:var(--space-3);align-items:center;display:flex}.creation-actions button{border:0;padding:0;display:flex}.creation-actions a{display:flex}.center-action{text-align:center;margin-top:25px}.modal-shade{z-index:70;background:color-mix(in srgb, var(--color-black) 78.82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.detail-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:850px;max-height:90vh;box-shadow:0 20px 100px color-mix(in srgb, var(--color-black) 66.67%, transparent);position:relative;overflow:auto}.detail-modal>img,.detail-modal>video{object-fit:contain;background:var(--color-black);width:100%;max-height:55vh;display:block}.detail-modal>div{padding:25px}.detail-modal h2{margin:15px 0}.detail-modal p{color:var(--color-text-secondary);margin:13px 0;font-size:15px}.modal-close{background:color-mix(in srgb, var(--color-bg) 78.82%, transparent);border:1px solid color-mix(in srgb, var(--color-white) 25.1%, transparent);z-index:2;position:absolute;top:12px;right:12px}.confirm-modal{border:1px solid var(--color-border-strong);background:var(--color-surface);width:460px;max-height:90vh;padding:var(--space-7);border-radius:var(--radius-lg);overflow:auto}.confirm-modal h2{font-size:22px}.confirm-modal p{font-size:var(--text-md);color:var(--color-text-secondary);margin:18px 0}.confirm-modal>div:last-child{justify-content:flex-end;gap:10px;display:flex}.confirm-modal .full{margin-top:15px}.confirm-modal .check-label{margin:25px 0 15px}.confirm-modal label{margin:15px 0 9px;display:block}.confirm-modal .check-label{display:flex}.panel{padding:var(--space-7)}.panel-heading{color:var(--color-text-secondary);align-items:center;gap:10px;margin-bottom:25px;display:flex}.panel-heading h2{color:var(--color-text);font-size:19px}.account-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.panel>label{color:var(--color-text-secondary);margin:18px 0 10px;display:block}.readonly-field{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--color-text-muted);padding:13px}.panel>.btn{margin-top:var(--space-5)}.panel .small-text{color:var(--color-text-muted);margin-top:10px;line-height:1.7}.balance-number{font-family:var(--font-heading);letter-spacing:-2px;color:var(--color-accent-text);margin:26px 0 15px;font-size:56px}.balance-number span{font-size:var(--text-md);letter-spacing:0;font-family:var(--font-body);color:var(--color-text-muted);margin-top:var(--space-2);display:block}.balance-panel{background:radial-gradient(ellipse at top right, color-mix(in srgb, var(--color-surface-hover) 25.1%, transparent), transparent 70%), var(--color-surface)}.balance-panel>p{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:30px}.account-history{margin-top:38px}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{padding:var(--space-4) 18px;background:var(--color-surface-raised);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500}td{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);padding:17px 18px}td small{color:var(--color-text-muted);margin-top:6px;font-size:10px;display:block}.table-tag{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-xl);padding:5px var(--space-2);font-size:10px}.positive{color:var(--color-accent-text)}.table-more{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.table-empty{text-align:center;color:var(--color-text-muted);font-size:var(--text-md);padding:35px}.account-cards{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.account-help,.account-signout{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;align-items:flex-start;display:flex}.account-help p,.account-signout p{margin:var(--space-2) 0 var(--space-5);font-size:var(--text-md);color:var(--color-text-muted);flex:1}@media (width<=760px){.account-cards{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px;display:grid}.stat-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.stat-card>span{font-size:var(--text-sm);color:var(--color-text-muted);display:block}.stat-card strong{font-family:var(--font-heading);margin-top:15px;font-size:34px;font-weight:550;display:block}.integrations{grid-template-columns:1fr 1fr;gap:14px 30px;display:grid}.integrations>div{font-size:var(--text-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.integration-state{font-size:var(--text-2xs);background:var(--color-warning-soft);color:var(--color-warning);padding:5px var(--space-2);border-radius:var(--radius-sm)}.integration-state.ready{color:var(--color-accent-text);background:var(--color-surface-raised)}.guide-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.guide-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.guide-card>img{object-fit:cover;width:100%;height:210px;display:block}.guide-card>div{padding:22px}.guide-card .eyebrow{color:var(--color-accent-text);font-size:9px}.guide-card h2{min-height:60px;margin-top:15px;font-size:22px;line-height:1.4}.guide-card p{font-size:var(--text-md);color:var(--color-text-muted);margin-top:13px;line-height:1.8}.read-guide{color:var(--color-accent-text);font-size:var(--text-md);justify-content:space-between;align-items:center;margin-top:22px;display:flex}.guide-help{gap:var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-7);border-radius:var(--radius-md);align-items:center;margin-top:35px;display:flex}.guide-help>div{flex:1}.guide-help h2{font-size:var(--text-xl)}.guide-help p{font-size:var(--text-md);color:var(--color-text-muted);margin-top:var(--space-2)}.article{max-width:780px;margin:auto}.back-link{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-7);display:inline-block}.article h1{letter-spacing:-1.5px;max-width:700px;font-size:42px;line-height:1.25}.article-lede{color:var(--color-text-secondary);margin-top:var(--space-5);font-size:19px;line-height:1.7}.article-cover{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:410px;margin-top:30px}.article>section{margin-top:35px}.article>section>h2{margin-bottom:14px;font-size:23px;line-height:1.4}.article>section>p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.9}.article>section>p+p{margin-top:var(--space-4)}.article>section a,.contact-email a{color:var(--color-text);text-underline-offset:3px;font-weight:600;text-decoration:underline}.article-updated{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.contact-email{font-size:var(--text-xl)}.article-cta{margin:var(--space-10) 0;background:var(--color-surface-raised);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-5);justify-content:space-between;padding:30px;display:flex}.article-cta h2{max-width:300px;font-size:21px}.legal .article-lede{font-size:var(--text-md)}.contact-panel{text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:700px;margin:auto;padding:50px;display:flex}.contact-panel>p{max-width:520px;color:var(--color-text-secondary);font-size:var(--text-base)}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-art{background:linear-gradient(0deg, color-mix(in srgb, var(--color-bg) 81.18%, transparent), color-mix(in srgb, var(--color-bg) 20%, transparent)), url(/art/rain-dance.jpg) 40% center/cover;flex-direction:column;justify-content:space-between;padding:42px;display:flex;position:relative}.auth-art:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--color-bg) 20.39%, transparent), transparent);pointer-events:none;position:absolute;inset:0}.auth-art>*{z-index:1;position:relative}.auth-art>div{margin:250px 0 150px}.auth-art h1{letter-spacing:-1.8px;font-size:48px;line-height:1.25}.auth-art em{font-family:var(--font-editorial);color:var(--color-accent-text);font-weight:400}.auth-art p{max-width:400px;color:var(--color-text-secondary);font-size:var(--text-base);margin-top:25px}.auth-art .eyebrow{color:var(--color-text-secondary);display:block}.auth-art-caption{color:var(--color-text-muted);letter-spacing:1.5px;font-size:10px}.auth-form{flex-direction:column;padding:45px;display:flex;position:relative}.auth-form>.back-link{align-self:flex-end}.auth-content{width:100%;max-width:410px;padding:var(--space-10) 0;margin:auto}.auth-content h1{letter-spacing:-.9px;margin:25px 0 17px;font-size:30px}.auth-content>p{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:25px;line-height:1.8}.auth-content .empty-icon{background:var(--color-surface-hover)}.demo-note{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-muted);gap:10px;margin-top:22px;padding:15px;line-height:1.7;display:flex}.demo-note>svg{margin-top:3px}.auth-legal{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;line-height:1.8}.auth-legal>a{color:var(--color-text-secondary);text-decoration:underline}.auth-methods{gap:var(--space-3);display:grid}.auth-methods .ui-input{padding-inline:var(--space-5);border-radius:var(--radius-pill)}.auth-content>.ui-alert{margin-top:var(--space-4)}.auth-divider{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-secondary{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;display:flex}.composer label,.composer textarea{font-size:var(--text-md)}.composer textarea{min-height:132px}.prompt-footer,.prompt-footer button{font-size:var(--text-xs)}.upload-box strong{font-size:var(--text-md)}.upload-box span{font-size:var(--text-xs);text-align:center}.ratio-options button{font-size:var(--text-xs)}.generate-btn{font-size:var(--text-md)}.generate-btn span{font-size:var(--text-xs)}.composer-action p{font-size:var(--text-xs);line-height:1.6}.page-heading p{font-size:var(--text-base)}.credit-card strong,.credit-card p{font-size:var(--text-xs)}.nav-item{font-size:var(--text-md)}.section-label h2{font-size:17px}.section-label a{font-size:var(--text-xs)}.examples-caption{font-size:var(--text-xs);line-height:1.6}.brand{padding-left:9px}.sidebar .nav-item{font-size:var(--text-md)}.sidebar-bottom{padding-top:25px}.sidebar{overflow-y:auto}.workspace-label{font-size:10px}.skip-link{clip-path:inset(100%);width:1px;height:1px;overflow:hidden}.skip-link:focus{clip-path:none;width:auto;height:auto;position:fixed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{box-shadow:0 0 55px color-mix(in srgb, var(--color-accent) 18.82%, transparent);transform:scale(1.04)}}@media (width<=1200px){.sidebar .nav-item{font-size:var(--text-sm)}.pricing-grid{gap:14px}.price-card{padding:var(--space-7) 19px}.credit-explainer{gap:var(--space-5);flex-wrap:wrap}.credit-explainer>div:first-child{flex-basis:100%}.template-grid,.library-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{gap:var(--space-4)}.guide-card>div{padding:18px}.guide-card h2{font-size:19px}.standard-page{padding:var(--space-8) 25px}.section-label h2{font-size:15px}.section-label a{font-size:var(--text-2xs)}.auth-art h1{font-size:40px}}@media (width<=850px){.standard-page{padding:var(--space-7) var(--space-6)}.demo-banner{padding:10px var(--space-6);font-size:var(--text-2xs)}.sidebar .nav-item{font-size:var(--text-md)}.auth-page{grid-template-columns:.85fr 1.15fr}.auth-art{padding:27px}.auth-form{padding:var(--space-7)}.auth-art h1{font-size:34px}.auth-art>div{margin:200px 0 150px}.pricing-heading h1{font-size:var(--text-3xl)}.pricing-grid{gap:var(--space-3)}.price-card{padding:26px var(--space-4)}.price strong{font-size:40px}.plan-description{min-height:45px}.plan-features li{font-size:var(--text-xs)}.account-grid{gap:var(--space-4)}.panel{padding:23px}.stats-grid{gap:var(--space-3)}.stat-card{padding:var(--space-5) 15px}.guide-grid{grid-template-columns:1fr}.guide-card{grid-template-columns:.8fr 1.2fr;display:grid}.guide-card>img{height:100%;min-height:260px}.guide-card h2{min-height:0}.faq-grid{gap:30px}.integrations{column-gap:var(--space-5)}.integrations>div{font-size:var(--text-xs)}.integration-state{font-size:10px}}@media (width<=620px){.standard-page{padding:27px 18px}.demo-banner{font-size:var(--text-2xs);padding:10px 18px;line-height:1.6;display:block}.demo-banner>span{margin-right:var(--space-2)}.page-heading{flex-direction:column;align-items:start;gap:18px}.page-heading p{font-size:15px}.section-label h2{font-size:var(--text-base)}.result-caption>div{flex-wrap:wrap}.pricing-heading h1{font-size:30px}.pricing-heading>p{font-size:15px}.pricing-grid{grid-template-columns:1fr;gap:30px}.price-card{padding:var(--space-7)}.price-card :is(h2,h3){font-size:28px}.plan-description{min-height:0}.price strong{font-size:48px}.plan-features li{font-size:var(--text-md)}.credit-explainer{gap:23px}.credit-explainer>div:not(:first-child){font-size:var(--text-2xs)}.faq-grid{grid-template-columns:1fr;gap:15px}.filter-bar{flex-direction:column;align-items:stretch;gap:15px}.filter-tabs{gap:3px}.filter-tabs button{font-size:var(--text-sm);padding:9px var(--space-3)}.search-box{width:100%}.template-grid,.library-grid{grid-template-columns:1fr;gap:25px}.template-image{height:340px}.template-card h2{font-size:22px}.creation-preview{height:280px}.account-grid{grid-template-columns:1fr}.account-history{flex-direction:column;align-items:start;gap:15px}.stats-grid{grid-template-columns:1fr 1fr}.integrations{grid-template-columns:1fr}.integrations>div{font-size:var(--text-md)}.integration-state{font-size:var(--text-xs)}.guide-card{display:block}.guide-card>img{height:230px;min-height:0}.guide-card>div{padding:var(--space-6)}.guide-card h2{font-size:var(--text-2xl)}.guide-card p{font-size:15px}.guide-help{padding:var(--space-6);flex-direction:column;align-items:start}.article h1{font-size:var(--text-3xl)}.article-lede{font-size:17px}.article>section>h2{font-size:22px}.article>section>p{font-size:var(--text-base)}.article-cta{padding:var(--space-6);flex-direction:column;align-items:start}.auth-page{grid-template-columns:1fr}.auth-art{min-height:300px;padding:var(--space-6)}.auth-art>div{margin:45px 0 var(--space-5)}.auth-art h1{font-size:34px}.auth-art p{font-size:var(--text-md);max-width:300px;margin-top:15px}.auth-art-caption{display:none}.auth-form{min-height:500px;padding:25px}.auth-content{padding:25px 0 var(--space-10)}.auth-form>.back-link{margin:0}.auth-content h1{font-size:28px}.modal-shade{padding:15px}.detail-modal>div{padding:22px}.confirm-modal{padding:var(--space-6)}.contact-panel{padding:30px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.analytics-consent{z-index:90;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);max-width:620px;box-shadow:var(--shadow-lg);margin-inline:auto;position:fixed}.analytics-consent p{color:var(--color-text-muted);font-size:var(--text-sm);margin-block:var(--space-2) var(--space-4)}.analytics-consent-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-insights{gap:var(--space-6);margin-block:var(--space-6);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.admin-insights h2{font-size:var(--text-lg);margin-top:0}.admin-insights p{line-height:1.6}.admin-toolbar{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-toolbar .ui-field{min-width:150px;margin:0}.admin-toolbar>span{align-self:center}.admin-search .ui-field:first-child{flex:1;min-width:230px}.admin-two-col{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-stats small{color:var(--color-text-muted);font-size:var(--text-xs)}.admin-stats .stat-card{min-width:0}.admin-stats strong{overflow-wrap:anywhere}.admin-metric{align-items:center;gap:var(--space-2);padding-block:var(--space-4);border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto;display:grid}.admin-metric strong{font-size:var(--text-xl)}.admin-metric small{color:var(--color-text-muted);grid-column:1/-1}.admin-health{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.admin-health dd{margin:var(--space-1) 0 0;font-weight:600}.admin-health dt{color:var(--color-text-muted);font-size:var(--text-sm)}.admin-pagination,.admin-row-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-pagination>span{margin-right:auto}.admin-insights td{overflow-wrap:anywhere;max-width:280px}.admin-insights td code{font-size:var(--text-xs);white-space:normal}.admin-loading{gap:var(--space-3);padding:var(--space-6);align-items:center;display:flex}.admin-job-dialog{width:min(640px,100vw - 32px);padding:var(--space-6)}.admin-detail>div{margin-block:var(--space-3)}.admin-detail dt{color:var(--color-text-muted);font-size:var(--text-sm)}.admin-detail dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere}.admin-prompt{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}@media (width<=700px){.admin-two-col{grid-template-columns:1fr}.admin-toolbar .ui-field{flex:1;min-width:130px}.admin-insights .stats-grid{grid-template-columns:1fr 1fr}.admin-insights .stat-card strong{font-size:var(--text-xl)}.admin-insights .ui-segmented{flex-wrap:wrap;max-width:100%}}.admin-insights>*,.admin-insights .ui-card{min-width:0}.admin-insights .panel-heading{flex-wrap:wrap}.admin-insights input[type=date]{min-width:0}.admin-toolbar .ui-field+.ui-field{margin-top:0}.studio-page>.page-heading{margin-bottom:var(--space-5)}.studio-page .composer .label-row{margin:var(--space-4) 0 var(--space-2)}.studio-page .composer .label-row:first-child{margin-top:0}.studio-page .composer textarea{min-height:96px}.studio-page .composer .form-line{margin-top:var(--space-3)}.studio-page .composer-action{z-index:2;padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));position:sticky;bottom:0}.studio-page .composer :is(input,textarea,button){scroll-margin-block:var(--space-6) 140px}.studio-page .composer-action p{margin-top:var(--space-2)}.studio-page .prompt-footer button{min-height:var(--control-sm)}.composer-block.reference-disclosure{padding-block:var(--space-2)}.reference-toggle{align-items:center;gap:var(--space-2);width:100%;min-height:var(--control-md);padding:var(--space-2) 0;text-align:left;font-size:var(--text-md);color:var(--color-text-secondary);border:0;display:flex}.reference-toggle>span{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.reference-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}#reference-panel{padding-bottom:var(--space-3)}.upload-box:focus-within{outline:2px solid var(--color-accent);outline-offset:3px}@media (width>=1101px){.studio-grid{grid-template-columns:minmax(360px,1fr) minmax(0,1.25fr)}}@media (width<=620px){.studio-page{padding-top:var(--space-4)}.studio-page .page-heading p{margin-top:var(--space-2);font-size:var(--text-md)}.studio-page .composer textarea{font-size:var(--text-base)}}.app-shell .menu-button{flex-shrink:0;display:inline-flex}.main-shell{min-width:0}@media (width>=851px){.sidebar-collapsed .sidebar{width:72px;padding-inline:var(--space-3)}.sidebar-collapsed .main-shell{width:calc(100% - 72px);margin-left:72px}.sidebar-collapsed .sidebar .brand{min-height:var(--control-md);justify-content:center;padding:0}.sidebar-collapsed .sidebar :is(.brand-name,.nav-label,.new-tag,.workspace-label,.credit-card,.sidebar-foot){display:none}.sidebar-collapsed .sidebar>nav:first-of-type{margin-top:var(--space-8)}.sidebar-collapsed .sidebar .nav-item{min-height:var(--control-md);justify-content:center;gap:0;padding-inline:0}.sidebar-collapsed .sidebar-divider{margin-inline:var(--space-2)}.sidebar-collapsed .sidebar-bottom{padding-top:var(--space-6)}}.template-preview{gap:var(--space-2,8px);margin:0;display:grid}.template-preview img,.template-preview video,.template-sample{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:100%;max-height:560px}.template-sample{aspect-ratio:9/16;max-width:420px;margin-inline:auto;display:block}.template-preview figcaption{color:var(--color-text-muted);font-size:.85rem}.template-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:24px;display:flex}.template-hero-actions span{color:var(--color-text-secondary);font-size:.9rem}.theme-light .app-shell .page-heading{margin-bottom:var(--space-6)}.theme-light .app-shell .page-heading h1{letter-spacing:-.03em;font-size:clamp(28px,2.6vw,38px)}.theme-light .app-shell .page-heading p{font-size:var(--text-base)}.theme-light .app-shell .eyebrow{font-size:var(--text-sm);margin-bottom:var(--space-2)}.sidebar-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-right:-6px;display:flex}.sidebar-head+nav{margin-top:var(--space-8)}.sidebar-head .brand{gap:9px;min-width:0;padding-left:6px;font-size:18px}.sidebar-head .brand-mark{width:28px;height:28px}.sidebar-head .sidebar-close{position:static}.sidebar-toggle{color:var(--color-text-muted);flex-shrink:0}.sidebar-head .brand-suffix{display:none}@media (width>=851px) and (width<=1100px){.sidebar{width:220px}.main-shell{width:calc(100% - 220px);margin-left:220px}}.sidebar-account{align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.account-link{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--duration-fast);flex:1;display:flex}.account-link:hover,.account-link.active{background:var(--color-surface-hover)}.sidebar-account .avatar{background:var(--color-accent);width:34px;height:34px;color:var(--color-on-accent);flex-shrink:0}.account-text{min-width:0;line-height:1.35;display:grid}.account-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-text strong{font-size:var(--text-md);font-weight:600}.account-text span{font-size:var(--text-xs);color:var(--color-text-muted)}.topbar{background:var(--color-surface);justify-content:flex-start}.topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-base);flex:1;font-weight:600;overflow:hidden}.theme-light .app-shell .demo-banner{padding-top:var(--space-4);background:0 0;border-bottom:0}@media (width>=851px){.app-shell .topbar{display:none}.sidebar-collapsed .sidebar-head{justify-content:center;margin-right:0;position:relative}.sidebar-collapsed .sidebar-toggle{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);background:var(--color-surface-hover);color:var(--color-text);opacity:0;transition:opacity var(--duration-fast);margin:auto;position:absolute;inset:0}.sidebar-collapsed .sidebar-head:hover .sidebar-toggle,.sidebar-collapsed .sidebar-toggle:focus-visible{opacity:1}.sidebar-collapsed .sidebar-account{flex-direction:column}.sidebar-collapsed .account-link{padding:var(--space-1);flex:none}.sidebar-collapsed .account-text{display:none}}.create-stage{gap:var(--space-4);width:min(100%,760px);padding-top:clamp(var(--space-4), 7vh, 80px);flex-direction:column;margin:0 auto;display:flex}.create-heading{text-align:center}.create-heading h1{letter-spacing:-.03em;font-size:clamp(28px,3vw,40px)}.create-heading p{max-width:460px;margin:var(--space-3) auto 0;color:var(--color-text-muted);font-size:var(--text-base)}.create-stage>.mode-tabs.ui-segmented{border-radius:var(--radius-pill);background:var(--color-surface);border:0;align-self:center;width:auto;padding:4px;display:inline-flex}.create-stage>.mode-tabs.ui-segmented>button{padding-inline:var(--space-5);flex:none}.create-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.create-attach{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.attach-drop{align-items:center;gap:var(--space-2);min-height:var(--control-sm);padding:var(--space-2) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--text-md);cursor:pointer;font-weight:600;display:inline-flex;position:relative}.attach-drop>span{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:400}.attach-drop.required{border-color:var(--color-accent-border);background:var(--color-accent-soft)}.attach-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.attach-drop:hover{background:var(--color-surface-hover)}.attach-drop:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.attach-chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-input);max-width:100%;padding:4px;display:inline-flex}.attach-chip img{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.attach-chip>span{min-width:0;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.3;display:grid}.attach-chip>span>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attach-chip strong{color:var(--color-text);font-weight:600}.create-card .check-label{font-size:var(--text-xs)}.create-card .create-prompt{min-height:112px;padding:var(--space-2) var(--space-1);font-size:var(--text-base);resize:none;background:0 0;border:0}.create-card .create-prompt:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:none}.create-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.create-settings{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.create-settings .ui-select{border-radius:var(--radius-pill);background:var(--color-input);padding-inline:var(--space-3);font-size:var(--text-sm);border:0;font-weight:600}.sound-toggle{align-items:center;gap:var(--space-2);padding-inline:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600;display:inline-flex}.create-toolbar .generate-btn{width:auto;padding-inline:var(--space-5);margin-left:auto}.create-note{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted)}.create-ideas{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.create-ideas>span{text-align:center;width:100%;font-size:var(--text-sm);color:var(--color-text-muted)}.create-ideas .idea-chip{min-height:var(--control-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-secondary)}.create-ideas .idea-chip:hover{color:var(--color-text);background:var(--color-surface-hover)}.create-stage>.result-stage{margin-top:var(--space-4)}@media (width<=620px){.create-stage{padding-top:0}.create-heading h1{font-size:26px}.create-toolbar .generate-btn{width:100%}}.workspace-loading{justify-content:center;align-items:center;gap:var(--space-3);min-height:40vh;color:var(--color-text-muted);font-size:var(--text-md);display:flex}.composer>.mode-tabs.ui-segmented{border-radius:var(--radius-pill);background:var(--color-surface);border:0;padding:6px}.composer .ratio-options button{border-color:#0000}.composer .ratio-options button.selected{border-color:var(--color-accent-border)}.studio-page .composer-action{box-shadow:0 -6px 24px #15131a0f}.composer-block>p.muted{margin-top:var(--space-3);font-size:var(--text-sm)}.studio-grid>*{min-width:0}.inspiration>.workspace-trends>.section-label{margin-top:0}.workspace-trends{margin-top:var(--space-10)}.inspiration>.workspace-trends{margin-top:0}.workspace-trends .section-label h2{font-size:var(--text-xl)}.workspace-trends .section-label a{align-items:center;gap:var(--space-1);color:var(--color-accent-text);font-weight:600;display:inline-flex}.workspace-trends .trend-grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-trends .trend-card-media{border-radius:20px;padding:6px}.workspace-trends .trend-card-media:after{border-radius:15px;inset:6px}.workspace-trends .trend-card-media .autoplay-clip{border-radius:15px}.workspace-trends .trend-card-body h3{font-size:var(--text-base)}.workspace-trends .trend-grid>* .trend-card-media{background:var(--color-accent)}.workspace-trends .trend-grid>:nth-child(2n) .trend-card-media{background:var(--color-highlight)}.template-preview{background:var(--color-accent);border-radius:26px;width:min(100%,400px);padding:8px}.template-preview img,.template-preview video{aspect-ratio:9/16;border:0;border-radius:19px;max-height:none}.template-preview figcaption{padding:var(--space-1) var(--space-2) 0;color:var(--color-on-accent)}.result-stage{border-radius:var(--radius-xl);border:0}.studio-page>.workspace-trends .trend-grid{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=1200px){.studio-page>.workspace-trends .trend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.sidebar .brand-suffix{display:none}}@media (width<=640px){.workspace-trends .trend-grid,.studio-page>.workspace-trends .trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration .workspace-trends .trend-grid>:nth-child(3){display:none}}
