@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100dvh;font-family:var(--studio-font-body);background:var(--studio-bg-deep);color:var(--studio-fg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.studio-ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.studio-ambient__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.08}.studio-ambient__blob--amber{width:420px;height:420px;background:var(--studio-cta);top:-120px;right:10%}.studio-ambient__blob--violet{width:360px;height:360px;background:var(--studio-accent-violet);bottom:-80px;left:5%}.studio-shell{position:relative;z-index:1;display:grid;grid-template-columns:var(--studio-sidebar-width) 1fr;min-height:100dvh}.studio-sidebar{border-right:1px solid var(--studio-border);background:color-mix(in srgb,var(--studio-bg-elevated) 92%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 14px;display:flex;flex-direction:column;gap:20px}.studio-sidebar__brand{display:flex;align-items:center;gap:10px;padding:8px 10px}.studio-sidebar__logo{width:34px;height:34px;border-radius:10px;background:var(--studio-cta-gradient);box-shadow:var(--studio-cta-glow);display:grid;place-items:center;color:var(--studio-cta-fg);font-weight:800;font-family:var(--studio-font-display);font-size:14px}.studio-sidebar__title{font-family:var(--studio-font-display);font-size:15px;font-weight:700;letter-spacing:-.02em}.studio-sidebar__subtitle{font-size:12px;color:var(--studio-fg-muted)}.studio-nav{display:flex;flex-direction:column;gap:4px}.studio-nav__link{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:var(--studio-radius-sm);color:var(--studio-fg-secondary);transition:background var(--studio-duration) var(--studio-ease),color var(--studio-duration) var(--studio-ease)}.studio-nav__link:hover{background:var(--studio-glass);color:var(--studio-fg)}.studio-nav__link--active{background:color-mix(in srgb,var(--studio-cta) 14%,transparent);color:var(--studio-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--studio-cta) 35%,transparent)}.studio-sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--studio-border)}.studio-main{display:flex;flex-direction:column;min-width:0}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--studio-border)}.studio-topbar__title{font-family:var(--studio-font-display);font-size:22px;font-weight:700;letter-spacing:-.03em}.studio-credits{font-family:var(--studio-font-mono);font-size:13px;color:var(--studio-fg-secondary);padding:8px 12px;border-radius:var(--studio-radius-pill);border:1px solid var(--studio-border);background:var(--studio-glass)}.studio-content{flex:1 1;padding:24px}.studio-canvas{min-height:420px;border-radius:var(--studio-radius-lg);border:1px solid var(--studio-border);background:radial-gradient(circle at top,color-mix(in srgb,var(--studio-cta) 8%,transparent),transparent 55%),var(--studio-bg-card);display:grid;place-items:center;text-align:center;padding:32px}.studio-canvas__title{font-family:var(--studio-font-display);font-size:clamp(24px,3vw,32px);font-weight:800;margin-bottom:8px}.studio-canvas__hint{color:var(--studio-fg-muted);max-width:420px;line-height:1.5}.studio-composer-wrap{margin-top:16px;border-radius:var(--studio-radius-lg);border:1px solid var(--studio-border-strong);background:color-mix(in srgb,var(--studio-bg-elevated) 90%,transparent);padding:14px;display:flex;flex-direction:column;gap:12px}.studio-composer--mentions{position:relative}.studio-mention-picker{list-style:none;margin:0;padding:6px;border-radius:var(--studio-radius-md);border:1px solid var(--studio-border);background:var(--studio-bg-card);max-height:220px;overflow:auto}.studio-mention-picker__item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:var(--studio-radius-sm);background:transparent;color:var(--studio-fg);cursor:pointer;text-align:left}.studio-mention-picker__item:hover{background:var(--studio-glass)}.studio-mention-picker__type{font-size:11px;text-transform:uppercase;color:var(--studio-fg-muted);min-width:64px}.studio-mention-picker__slug{margin-left:auto;font-family:var(--studio-font-mono);font-size:12px;color:var(--studio-fg-muted)}.studio-mention-chips{display:flex;flex-wrap:wrap;gap:6px}.studio-mention-chip{font-size:12px;padding:4px 10px;border-radius:var(--studio-radius-pill);background:color-mix(in srgb,var(--studio-cta) 16%,transparent);border:1px solid color-mix(in srgb,var(--studio-cta) 30%,transparent)}.studio-mode-switch{display:inline-flex;gap:6px;margin-bottom:16px;padding:4px;border-radius:var(--studio-radius-pill);border:1px solid var(--studio-border);background:var(--studio-glass)}.studio-mode-switch__btn{min-height:40px;padding:0 16px;border:none;border-radius:var(--studio-radius-pill);background:transparent;color:var(--studio-fg-secondary);font-weight:600;cursor:pointer}.studio-mode-switch__btn--active{background:color-mix(in srgb,var(--studio-cta) 18%,transparent);color:var(--studio-fg)}.studio-video-preview{position:relative;border:none;padding:0;background:transparent;cursor:pointer;max-width:100%}.studio-video-preview--card{width:100%;margin-bottom:8px}.studio-video-preview__player{display:block;max-height:420px;width:100%;border-radius:16px;background:#000}.studio-video-preview__play{position:absolute;inset:0;display:grid;place-items:center;font-weight:700;color:#fff;background:rgba(0,0,0,.35);border-radius:16px;pointer-events:none}.studio-mode-switch__link{display:inline-flex;align-items:center;text-decoration:none}.studio-shot-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.studio-shot-timeline__item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--studio-radius-md);border:1px solid var(--studio-border);background:var(--studio-bg-card)}.studio-generate-layout{display:grid;grid-template-columns:1fr 280px;grid-gap:16px;gap:16px;align-items:start}.studio-history{border-radius:var(--studio-radius-lg);border:1px solid var(--studio-border);background:var(--studio-bg-card);padding:12px;max-height:520px;overflow:auto}.studio-history__title{font-family:var(--studio-font-display);font-size:14px;font-weight:700;margin:0 0 10px}.studio-history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.studio-history__item{width:100%;display:flex;gap:8px;align-items:center;padding:8px;border-radius:var(--studio-radius-sm);border:1px solid transparent;background:transparent;color:var(--studio-fg);cursor:pointer;text-align:left}.studio-history__item--active,.studio-history__item:hover{border-color:var(--studio-border);background:var(--studio-glass)}.studio-history__thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.studio-history__thumb--empty{background:var(--studio-glass)}.studio-history__prompt{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.studio-history__empty{font-size:13px;color:var(--studio-fg-muted)}.studio-form{gap:14px;max-width:480px}.studio-form,.studio-form__label{display:flex;flex-direction:column}.studio-form__label{gap:6px;font-size:14px;color:var(--studio-fg-secondary)}.studio-form__input{min-height:44px;padding:10px 12px;border-radius:var(--studio-radius-sm);border:1px solid var(--studio-border);background:var(--studio-bg-card);color:var(--studio-fg)}.studio-composer-wrap .studio-composer{margin-top:0;border:none;background:transparent;padding:0}.studio-composer{margin-top:16px;border-radius:var(--studio-radius-lg);border:1px solid var(--studio-border-strong);background:color-mix(in srgb,var(--studio-bg-elevated) 90%,transparent);padding:14px;display:flex;flex-direction:column;gap:12px}.studio-composer__textarea{width:100%;min-height:88px;resize:vertical;border:none;outline:none;background:transparent;color:var(--studio-fg);font-size:16px;line-height:1.5}.studio-composer__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.studio-btn{min-height:44px;padding:0 18px;border-radius:var(--studio-radius-pill);border:none;cursor:pointer;font-weight:600;transition:transform var(--studio-duration) var(--studio-ease),box-shadow var(--studio-duration) var(--studio-ease),opacity var(--studio-duration) var(--studio-ease)}.studio-btn:active{transform:scale(.98)}.studio-btn--primary{background:var(--studio-cta-gradient);color:var(--studio-cta-fg);box-shadow:var(--studio-cta-glow)}.studio-btn--primary:hover{box-shadow:0 0 28px rgba(245,158,11,.45)}.studio-btn--ghost{background:transparent;color:var(--studio-fg-secondary);border:1px solid var(--studio-border)}.studio-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px}.studio-card{border-radius:var(--studio-radius-md);border:1px solid var(--studio-border);background:var(--studio-bg-card);padding:16px;min-height:140px}.studio-card__title{font-family:var(--studio-font-display);font-weight:700;margin-bottom:6px}.studio-card__meta{font-size:13px;color:var(--studio-fg-muted)}.studio-mobile-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--studio-border);background:color-mix(in srgb,var(--studio-bg-elevated) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:4px;overflow-x:auto}.studio-mobile-nav__link{flex:1 0 64px;min-width:64px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:var(--studio-fg-muted);border-radius:var(--studio-radius-sm)}.studio-mobile-nav__link--active{color:var(--studio-cta);background:color-mix(in srgb,var(--studio-cta) 12%,transparent)}@media (max-width:1023px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{display:none}.studio-main{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))}.studio-mobile-nav{display:flex}.studio-generate-layout{grid-template-columns:1fr}.studio-history{max-height:240px}}.studio-maintenance{min-height:100dvh;display:grid;place-items:center;padding:24px}.studio-maintenance__card{max-width:420px;width:100%;padding:28px 24px;border-radius:var(--studio-radius-lg);border:1px solid var(--studio-border);background:var(--studio-bg-card);text-align:center}.studio-maintenance__title{font-family:var(--studio-font-display);font-size:24px;margin:0 0 12px}.studio-maintenance__text{margin:0 0 20px;color:var(--studio-fg-secondary);line-height:1.5}.studio-shot-timeline__actions{display:flex;flex-direction:column;gap:6px}.studio-shot-timeline__order-btn{min-width:44px;min-height:44px;border-radius:var(--studio-radius-sm);border:1px solid var(--studio-border);background:var(--studio-bg-muted);color:var(--studio-fg);cursor:pointer}.studio-shot-timeline__order-btn:disabled{opacity:.35;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.studio-ambient__blob{display:none}.studio-btn{transition:none}}:root[data-product=studio]{color-scheme:dark;--studio-bg-deep:#0a0a0c;--studio-bg-base:#121214;--studio-bg-elevated:#171717;--studio-bg-surface:#212121;--studio-bg-card:#2f2f2f;--studio-bg-muted:#383838;--studio-fg:#ececec;--studio-fg-secondary:#b4b4b4;--studio-fg-muted:#8e8e8e;--studio-cta:#f59e0b;--studio-cta-hover:#fbbf24;--studio-cta-active:#d97706;--studio-cta-fg:#0d0d0d;--studio-cta-gradient:linear-gradient(135deg,#ea580c,#f59e0b 50%,#fbbf24);--studio-cta-glow:0 0 24px rgba(245,158,11,.35),0 0 48px rgba(245,158,11,.12);--studio-accent-pink:#ec4899;--studio-accent-violet:#8b5cf6;--studio-accent-cyan:#22d3ee;--studio-accent-lime:#a3e635;--studio-border:hsla(0,0%,100%,.08);--studio-border-strong:hsla(0,0%,100%,.14);--studio-glass:hsla(0,0%,100%,.05);--studio-radius-sm:10px;--studio-radius-md:16px;--studio-radius-lg:20px;--studio-radius-pill:9999px;--studio-ease:cubic-bezier(0.16,1,0.3,1);--studio-duration:200ms;--studio-font-display:"Manrope",system-ui,sans-serif;--studio-font-body:"Inter",system-ui,sans-serif;--studio-font-mono:ui-monospace,"SF Mono",Menlo,monospace;--studio-sidebar-width:240px;--studio-panel-width:320px}