@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:dark;font-family:Inter,sans-serif;--bg: #0d0e14;--bg-2: #13141d;--panel: rgba(18, 19, 28, .92);--ink: #ecedf4;--muted: #8286a0;--muted-2: #555870;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .13);--accent: #6c63ff;--accent-strong: #5548f0;--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .14);--ok: #4dd9a0;--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--topbar-h: 56px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:#0d0e14;overflow:hidden}input,select,textarea,button{font:inherit}button,input,select,textarea{transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{flex-shrink:0;height:var(--topbar-h);display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav actions";align-items:center;padding:0 20px;border-bottom:1px solid var(--line);background:#0d0e14f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100}.topbar-row1{display:contents}.brand-lockup{grid-area:brand;display:flex;align-items:center;gap:10px}.brand-icon{flex-shrink:0}.brand-name{font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.top-nav{grid-area:nav;display:flex;gap:4px;justify-content:center}.nav-item{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.9rem;font-weight:500;padding:6px 14px;border-radius:999px;transition:color .14s ease,background .14s ease}.nav-item:hover{color:var(--ink);background:#ffffff0f}.nav-item.active{color:var(--ink);font-weight:700}.topbar-actions{grid-area:actions;display:flex;align-items:center;gap:10px}.btn-signin{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:8px 18px;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .14s ease,transform 80ms ease}.btn-signin:hover{background:var(--accent-strong);transform:translateY(-1px)}.btn-ghost{background:none;border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:7px 16px;font-size:.88rem;cursor:pointer}.btn-ghost:hover{color:var(--ink);border-color:#ffffff38}.avatar-dot{width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:2px solid var(--line-strong);transition:border-color .2s ease,background .2s ease}.avatar-dot.signed-in{background:var(--accent);border-color:var(--accent-strong)}.compose-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;padding:0 24px 24px;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(60,50,140,.28) 0%,transparent 70%),#0d0e14}.hero-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:24px 0 0}.hero-images{display:flex;align-items:flex-end;justify-content:center;gap:-8px;margin-bottom:8px}.hero-img-card{width:120px;height:160px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:var(--bg-2);margin:0 -4px;box-shadow:0 8px 32px #00000080}.hero-img-card.hero-img-circle{border-radius:50%;width:130px;height:130px}.hero-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#191828,#22213a,#141320)}.hero-title{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase;color:var(--ink)}.hero-accent{color:var(--accent)}.hero-subtitle{margin:0;color:#a0aabe8c;font-size:.85rem;max-width:52ch;line-height:1.6}.prompt-dock{width:100%;max-width:1100px;background:#11121bf7;border:1px solid var(--line-strong);border-radius:var(--radius-xl);padding:14px 16px 12px;box-shadow:0 24px 80px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.prompt-bar{display:flex;flex-direction:row;align-items:stretch;gap:12px;margin-bottom:10px}.prompt-bar-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.prompt-bar-refs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ref-dock-thumb{flex-shrink:0;position:relative;width:48px;height:48px;border-radius:10px;overflow:hidden;background:#ffffff0f;border:1px solid var(--line-strong)}.ref-dock-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ref-dock-thumb video{width:100%;height:100%;object-fit:cover;display:block}.ref-dock-badge{position:absolute;left:4px;bottom:4px;z-index:1;border-radius:999px;padding:2px 6px;background:#090b11c7;color:#f3f4fa;font-size:.62rem;font-weight:700;line-height:1}.ref-dock-remove{position:absolute;inset:0;width:100%;height:100%;background:#0000008c;color:#fff;border:none;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s ease}.ref-dock-thumb:hover .ref-dock-remove{opacity:1}.prompt-add-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);background:#ffffff0f;color:var(--ink);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.prompt-add-btn:hover{background:#ffffff1a}.prompt-input{width:100%;box-sizing:border-box;background:none;border:none;outline:none;color:#d2d2e6d9;font-size:.9rem;font-family:inherit;padding:4px 2px;resize:none;height:calc(4.5em + 8px);max-height:calc(4.5em + 8px);overflow-y:auto;line-height:1.5}.prompt-input::placeholder{color:var(--muted-2)}.btn-generate{flex-shrink:0;align-self:stretch;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);padding:12px 32px;font-size:1rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .14s ease,transform 80ms ease}.btn-generate:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.prompt-meta-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prompt-feedback,.library-inline-error{margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(101,143,221,.24);background:#2f56992e;color:#d8e6ff;font-size:.88rem;line-height:1.45}.prompt-feedback.error,.library-inline-error{border-color:#ff7d583d;background:#75260f38;color:#ffd3c8}.meta-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:.84rem;color:var(--muted);cursor:default}.meta-chip-icon{font-weight:700;color:var(--ink)}.meta-select{background:none;border:none;outline:none;color:var(--ink);font-size:.84rem;cursor:pointer;padding:0;appearance:none;-webkit-appearance:none}.meta-select option{background:#1a1b1d;color:var(--ink)}.meta-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:0 2px;line-height:1}.meta-btn:hover{color:var(--ink)}.meta-count{font-size:.84rem;color:var(--ink);font-weight:600;min-width:28px;text-align:center}.subpage{flex:1;overflow-y:auto;padding:32px 32px 40px}.subpage-header{margin-bottom:28px}.subpage-title{margin:0 0 6px;font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.subpage-subtitle{margin:0;color:var(--muted);font-size:.95rem}.subpage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:80px 20px;text-align:center;color:var(--muted)}.subpage-empty-text{color:var(--muted);font-size:.95rem}.library-subpage{overflow:hidden!important;display:flex;flex-direction:column;padding:0!important;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(60,50,140,.28) 0%,transparent 70%),radial-gradient(circle at 85% 8%,rgba(108,99,255,.14),transparent 24%),#0d0e14}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.asset-card{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-2)}.asset-thumb{width:100%;aspect-ratio:1;overflow:hidden;background:#1e2028}.asset-thumb-img{width:100%;height:100%;object-fit:cover}.asset-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e2230,#2a2f3e)}.asset-meta{padding:8px 10px;display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.asset-role{color:var(--ink);font-weight:600;text-transform:capitalize}.asset-status{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-box{position:relative;background:#18191c;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:40px 36px 32px;width:100%;max-width:400px;text-align:center;box-shadow:0 40px 120px #000000b3}.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1}.modal-close:hover{color:var(--ink);background:#ffffff0f}.modal-logo{display:flex;justify-content:center;margin-bottom:18px}.modal-title{margin:0 0 8px;font-size:1.4rem;font-weight:700;letter-spacing:-.03em}.modal-subtitle{margin:0 0 28px;color:var(--muted);font-size:.92rem;line-height:1.5}.modal-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.modal-notice{margin:0;color:#d8e6ff;font-size:.88rem;line-height:1.45}.modal-error{margin:0;color:var(--danger);font-size:.88rem}.modal-loading{color:var(--muted);font-size:.9rem;padding:12px 0}.gis-button-host{display:flex;justify-content:center}.btn-google-fallback{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:999px;border:1px solid #131314;background:#131314;color:#e3e3e3;font-size:.95rem;font-weight:500;cursor:pointer;width:280px;justify-content:center;transition:background .14s ease}.btn-google-fallback:hover{background:#1e1e1f;border-color:#1e1e1f}.btn-google-fallback:disabled{opacity:.6;cursor:not-allowed}.modal-terms{margin:0;color:var(--muted-2);font-size:.78rem;line-height:1.5}.modal-terms a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.modal-terms a:hover{color:var(--ink)}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#121315e6;box-shadow:0 8px 32px #0000004d}.compose-panel,.settings-panel,.queue-panel{padding:18px}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;border:1px solid transparent}.status-badge.queued{color:#a0b4d0;background:#506ea02e;border-color:#506ea04d}.status-badge.dispatched{color:#b0c8e8;background:#3c64b42e;border-color:#3c64b44d}.status-badge.running{color:#ffd36a;background:#c8a0282e;border-color:#c8a0284d}.status-badge.succeeded{color:var(--ok);background:#66dfa91f;border-color:#66dfa947}.status-badge.failed{color:var(--danger);background:var(--danger-soft);border-color:#ff7d5847}.status-badge.cancelled{color:var(--muted);background:#ffffff0d;border-color:var(--line)}.status-badge.expired{color:var(--muted-2);background:#ffffff0a;border-color:var(--line)}.library-browser,.library-detail{flex:1;width:100%;min-height:0;border-radius:18px;background:#0d0e14eb;box-shadow:0 30px 80px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.library-browser{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;padding:0}.library-sidebar{display:flex;flex-direction:column;gap:18px;padding:24px 20px 24px 24px;min-width:0;border-right:1px solid rgba(255,255,255,.06)}.library-sidebar-block{display:flex;flex-direction:column;gap:10px}.library-sidebar-label{margin:0;font:600 .78rem/1 JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.library-search{width:100%;border:none;border-radius:20px;padding:15px 18px;background:#ffffff0a;color:var(--ink);outline:none}.library-search:focus{box-shadow:0 0 0 1px #6c63ff47,0 0 0 4px #6c63ff14}.library-filter-list,.library-type-list{display:flex;flex-direction:column;gap:10px}.library-filter-card,.library-type-chip,.library-page-btn,.library-back-btn,.library-download-btn,.library-delete-btn{border:none;background:#ffffff08;color:var(--ink)}.library-filter-card{width:100%;padding:14px 16px;border-radius:18px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px}.library-filter-card:hover:not(:disabled),.library-page-btn:hover:not(:disabled),.library-back-btn:hover,.library-download-btn:hover:not(:disabled),.library-delete-btn:hover:not(:disabled),.library-type-chip:hover:not(:disabled){background:#ffffff0f}.library-filter-card.active,.library-type-chip.active{background:linear-gradient(180deg,#6c63ff33,#6c63ff14);box-shadow:inset 0 1px #ffffff14}.library-filter-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.library-filter-title{font-size:.97rem;font-weight:700}.library-filter-count{min-width:28px;padding:2px 8px;border-radius:999px;background:#ffffff14;color:var(--ink);font-size:.8rem;text-align:center}.library-filter-description{color:var(--muted);font-size:.84rem;line-height:1.45}.library-type-chip,.library-page-btn,.library-back-btn,.library-download-btn,.library-delete-btn{display:inline-flex;align-items:center;justify-content:flex-start;border-radius:16px;padding:12px 16px;font-weight:600}.library-type-chip{text-align:left;cursor:pointer;justify-content:space-between;gap:12px}.library-type-chip:disabled,.library-filter-card:disabled,.library-page-btn:disabled,.library-download-btn:disabled,.library-delete-btn:disabled{opacity:.45;cursor:not-allowed}.library-canvas{min-width:0;min-height:0;display:flex;flex-direction:column;gap:18px;padding:20px 20px 16px}.library-canvas-header,.library-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.library-detail-header{padding:20px 24px 0}.library-canvas-tools{display:flex;align-items:center;gap:12px;margin-left:auto}.library-canvas-eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font:600 .75rem/1 JetBrains Mono,monospace;color:var(--muted)}.library-canvas-title{margin:0;font-size:clamp(1.8rem,2.4vw,2.35rem);letter-spacing:-.04em}.library-canvas-summary{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.88rem}.library-mobile-filter-btn,.library-mobile-close-btn{display:none;border:none;border-radius:999px;background:#ffffff0f;color:var(--ink);padding:10px 14px;font-size:.82rem;font-weight:600;cursor:pointer}.library-mobile-sheet{display:none}.library-loading-dot{color:var(--accent)}.library-empty-state,.library-detail-empty{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:28px;background:#ffffff05;padding:28px;text-align:center}.library-grid{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:0 0 8px}.library-row{display:flex;gap:8px;align-items:flex-start}.library-tile{flex:0 0 auto;display:block;padding:0;background:transparent;border:none;color:inherit;text-align:left;cursor:pointer;max-width:100%}.library-tile-frame{display:block;position:relative;overflow:hidden;border-radius:8px;width:100%;height:100%;max-width:100%;background:#0f1623;box-shadow:0 12px 28px #00000047}.library-tile-media{position:relative;width:100%;height:100%}.library-tile:hover .library-tile-frame,.library-tile.active .library-tile-frame{box-shadow:0 18px 36px #0000005c,0 0 0 1px #6c63ff38}.library-tile:hover .library-tile-overlay,.library-tile:focus-visible .library-tile-overlay{opacity:1}.library-tile-image,.library-tile-video,.library-variant-thumb img,.library-variant-thumb video{display:block}.library-tile-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.library-tile-poster{transition:opacity .18s ease}.library-tile-poster.video-ready{opacity:0}.library-tile-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}.library-tile-video.is-visible{opacity:1}.library-variant-thumb img,.library-variant-thumb video{width:100%;height:100%;object-fit:cover}.library-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(108,99,255,.14),transparent 45%),linear-gradient(180deg,#ffffff0a,#ffffff03);color:var(--muted);text-transform:capitalize}.library-loading-more{display:flex;padding:12px 0 24px;justify-content:center;color:#eaeeff9e;font-size:.9rem;text-align:center}.library-video-indicator{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none}.library-video-play-icon{width:54px;height:54px;border-radius:999px;background:#0a0c1294;box-shadow:0 12px 24px #0003;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.library-video-play-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-38%,-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid rgba(255,255,255,.92)}.library-video-indicator.loading{background:linear-gradient(180deg,#04070f0a,#04070f1f)}.library-video-spinner{width:28px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.22);border-top-color:#fffffff0;animation:library-video-spin .8s linear infinite}@keyframes library-video-spin{to{transform:rotate(360deg)}}.library-detail-status{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;text-transform:capitalize}.library-detail-status.succeeded{color:var(--ok)}.library-detail-status.failed{color:var(--danger)}.library-detail-status.running{color:#ffd36a}.library-detail-status.queued,.library-detail-status.dispatched{color:#a0b4d0}.library-detail-status.cancelled,.library-detail-status.expired{color:var(--muted)}.library-tile-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:14px;background:linear-gradient(180deg,#03070c05 18%,#03070ce0);opacity:0;transition:opacity .16s ease;pointer-events:none}.library-tile-overlay-title{margin:0;font-size:.72rem;font-weight:500;line-height:1.35;color:#ecedf4b8}.library-tile-overlay-meta{display:flex;flex-wrap:wrap;gap:6px 10px;color:#ecedf499;font-size:.69rem}.library-pagination{display:flex;align-items:center;justify-content:center;gap:14px;border-top:1px solid rgba(255,255,255,.05);padding:16px 4px 0}.library-page-copy{display:flex;gap:12px;color:var(--muted);font-size:.86rem;white-space:nowrap}.library-page-btn{width:38px;min-width:38px;height:38px;padding:0;border-radius:999px;justify-content:center;font-size:1rem}.library-detail{display:flex;flex-direction:column;padding:0;gap:0;overflow:hidden}.library-back-btn{cursor:pointer}.library-detail-header-copy{margin-left:auto;text-align:right}.library-detail-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;min-height:0;flex:1;padding:20px 24px 24px}.library-detail-sidebar,.library-detail-main{min-height:0}.library-detail-sidebar{display:flex;flex-direction:column;gap:12px}.library-detail-section,.library-detail-facts,.library-detail-error{border-radius:18px;background:#ffffff08}.library-detail-section{padding:18px}.library-detail-prompt{max-height:calc(5.8em + 8px);overflow-y:auto;padding:2px 0;color:#ecedf4b3;line-height:1.45;white-space:pre-wrap;font-size:.88rem;font-weight:400}.library-detail-facts{margin:0;padding:10px 18px}.library-detail-facts div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.library-detail-facts div:last-child{border-bottom:none}.library-detail-facts dt{color:var(--muted)}.library-detail-facts dd{margin:0;color:var(--ink);font-weight:600}.library-download-btn{cursor:pointer;width:fit-content}.library-detail-actions{display:flex;flex-wrap:wrap;gap:10px}.library-delete-btn{cursor:pointer;width:fit-content;color:#ffd3c8;background:#75260f2e;box-shadow:inset 0 0 0 1px #ff7d582e}.library-delete-btn:hover:not(:disabled){background:#75260f47}.library-detail-error{padding:14px 16px;color:#ffd3c8;background:#75260f3d}.library-detail-main{display:flex;flex-direction:column;gap:10px;min-width:0}.library-detail-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;padding:0}.library-detail-stage-empty:before{display:none}.library-detail-stage-empty:after{display:none}.library-detail-image,.library-detail-empty-card{position:relative;z-index:1}.library-detail-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:10px;clip-path:inset(0 round 10px);box-shadow:0 20px 48px #0000004d}.library-detail-video{width:auto;height:auto;max-width:min(100%,960px);max-height:100%;background:transparent}.library-detail-empty-card{width:min(360px,100%);border-radius:22px;background:#0a0c12d1;padding:22px;text-align:center}.library-detail-empty-card p{margin:10px 0 0;color:var(--muted);line-height:1.5}.library-variant-strip{display:flex;gap:6px;overflow-x:auto;padding:2px 0}.library-variant-thumb{flex:0 0 86px;height:86px;padding:0;border-radius:14px;overflow:hidden;background:#ffffff08;border:none;cursor:pointer}.library-variant-thumb.active{box-shadow:0 0 0 2px #6c63ff2e}.library-variant-thumb-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--muted);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font:500 .7rem/1 IBM Plex Mono,monospace;color:var(--muted-2)}.metric-card{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff08}.metric-label{font-size:.76rem;color:var(--muted);margin:0 0 4px}.metric-value{font-size:1.2rem;font-weight:700;color:var(--ink);margin:0}@media(max-width:1024px){.library-browser{grid-template-columns:272px minmax(0,1fr)}.library-detail-layout{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:768px){.topbar{display:flex;flex-direction:column;height:auto;padding:0;align-items:stretch}.topbar-row1{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:var(--topbar-h);flex-shrink:0;gap:10px}.brand-lockup,.topbar-actions,.top-nav{grid-area:auto}.top-nav{display:flex;justify-content:space-around;border-top:1px solid var(--line);padding:4px 0 6px;background:transparent;gap:0}.nav-item{flex:1;text-align:center;padding:6px 4px;font-size:.78rem;border-radius:var(--radius-sm)}.topbar-actions{gap:8px;flex-shrink:0}.btn-ghost,.btn-signin{padding:8px 12px;font-size:.82rem}.avatar-dot{width:24px;height:24px}.compose-page{padding:0 12px 16px}.hero-section{gap:12px;padding-top:16px}.hero-title{font-size:clamp(1.5rem,6vw,2.4rem)}.hero-subtitle{font-size:.78rem}.prompt-dock{max-width:100%;border-radius:var(--radius-lg);padding:12px 12px 10px}.prompt-bar{gap:8px}.btn-generate{padding:0 14px;font-size:.85rem;min-width:76px}.prompt-meta-row{flex-wrap:wrap;gap:6px}.prompt-bar-left{flex:none;width:100%}.prompt-input{height:calc(4.5rem + 8px);min-height:calc(4.5rem + 8px);max-height:calc(4.5rem + 8px);overflow-y:auto}.library-subpage{padding:0 8px 8px!important}.library-browser,.library-detail{border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.library-browser{grid-template-columns:1fr;gap:0;padding:0}.library-sidebar{display:none}.library-pagination,.library-page-copy{flex-wrap:nowrap}.library-detail{padding:0;overflow-y:auto;gap:8px}.library-canvas{padding:0;gap:14px}.library-canvas-header,.library-grid,.library-pagination,.library-detail-header,.library-detail-layout{padding-left:8px;padding-right:8px}.library-canvas-header,.library-detail-header{padding-top:8px}.library-detail-layout{padding-top:0;padding-bottom:8px}.library-canvas-header{align-items:center}.library-canvas-tools{width:100%;justify-content:space-between}.library-mobile-filter-btn,.library-mobile-close-btn{display:inline-flex;align-items:center;justify-content:center}.library-mobile-sheet{position:fixed;inset:0;z-index:300;display:block}.library-mobile-sheet-backdrop{position:absolute;inset:0;border:none;background:#000000a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.library-mobile-sheet-panel{position:absolute;inset:84px 8px 8px;overflow:hidden;border-radius:24px;background:#0d0e14fa;box-shadow:0 24px 60px #00000070;display:flex;flex-direction:column}.library-mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 10px}.library-mobile-sheet-header .library-canvas-eyebrow{margin:0}.library-mobile-sheet-body{flex:1;overflow-y:auto;padding:0 18px 18px}.library-mobile-sheet-body .library-sidebar-block:first-child{margin-top:6px}.library-detail-layout{display:flex;flex-direction:column;gap:8px}.library-detail-main{order:1;flex:none;gap:8px}.library-detail-sidebar{order:2;flex:none;gap:8px}.library-detail-header-copy{margin-left:0;text-align:left}.library-detail-stage{min-height:0;flex:none;padding:0;background:transparent;border-radius:0}.library-detail-image{width:100%;max-height:none;height:auto}.library-variant-thumb{flex-basis:72px;height:72px}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.subpage{padding-bottom:0}.modal-box{padding:32px 20px 24px;border-radius:var(--radius-lg)}.btn-google-fallback{width:100%}}@media(max-width:480px){.brand-name{display:none}.hero-title{font-size:clamp(1.3rem,8vw,1.8rem)}.prompt-bar{flex-direction:column}.btn-generate{align-self:stretch;padding:12px;min-width:unset}.library-browser,.library-detail{padding:0;border-radius:0;background:transparent}.library-canvas-title{font-size:1.5rem}.library-canvas-header>div:first-child .library-canvas-eyebrow,.library-detail-header-copy .library-canvas-eyebrow,.library-detail-header-copy .library-canvas-title{display:none}.library-canvas-tools{align-items:flex-start}.library-canvas-summary{flex-direction:column;align-items:flex-end;gap:2px;font-size:.8rem}.library-mobile-filter-btn{padding:9px 12px}.library-tile-frame{border-radius:16px}.library-pagination{gap:10px;justify-content:space-between;padding:12px 0 0}.library-page-copy{flex:1;justify-content:center;gap:8px;font-size:.8rem}.library-detail-facts div{grid-template-columns:1fr;gap:4px}.library-download-btn,.library-delete-btn,.library-back-btn{width:100%;justify-content:center}.library-canvas-header,.library-grid,.library-pagination,.library-detail-header,.library-detail-layout{padding-left:8px;padding-right:8px}.library-detail-header{padding-bottom:0}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}