:root{--brand-white: #ffffff;--brand-surface: #fbfcfd;--brand-ink: #2b2933;--brand-ink-hover: #1f1d24;--brand-accent: #ef6820;--brand-accent-hover: #d85a18;--brand-accent-soft: rgba(239, 104, 32, .1);--brand-gold: #e8b84a;--bg-base: var(--brand-surface);--bg-white: var(--brand-white);--bg-sidebar: var(--brand-white);--bg-muted: #f4f3f6;--bg-warm-soft: rgba(239, 104, 32, .04);--bg-assistant-bubble: rgba(239, 104, 32, .06);--bg-canvas: #faf9f7;--bg-canvas-alt: #f5f3f0;--bg-canvas-grid-dot: #e5e0da;--bg-card-dark: #2b2933;--primary: var(--brand-accent);--primary-hover: var(--brand-accent-hover);--primary-soft: var(--brand-accent-soft);--primary-foreground: #ffffff;--text-primary: var(--brand-ink);--text-secondary: #6b6775;--text-muted: #9490a0;--border: rgba(43, 41, 51, .1);--border-strong: rgba(43, 41, 51, .16);--border-subtle: rgba(43, 41, 51, .08);--border-faint: rgba(43, 41, 51, .06);--primary-dashed: rgba(239, 104, 32, .45);--focus-ring: rgba(239, 104, 32, .25);--error-bg: #fef2f2;--error-border: #fecaca;--error-text: #991b1b;--sidebar-width: 80px;--shadow-sm: 0 1px 2px rgba(43, 41, 51, .04);--shadow-md: 0 8px 30px rgba(43, 41, 51, .06);--shadow-lg: 0 8px 40px -12px rgba(43, 41, 51, .08);--shadow-brand: 0 0 60px -10px rgba(239, 104, 32, .35);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;color:var(--text-primary);background:var(--bg-base)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-base)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.main-stage:has(.home-page){overflow:hidden;height:100vh;height:100dvh;display:flex;flex-direction:column}.home-page{flex:1;min-height:0;height:100%;overflow:hidden;display:flex;align-items:stretch}.home-main{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:1rem;background:linear-gradient(135deg,var(--bg-warm-soft) 0%,transparent 55%)}.home-chat-card{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;background:var(--bg-white);overflow:hidden;box-shadow:var(--shadow-sm)}.home-chat-header{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.home-chat-header-avatar{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;background:var(--primary-soft);overflow:hidden}.home-chat-header-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.home-chat-toolbar{flex-shrink:0;display:flex;align-items:center;padding:.625rem 1.5rem 0}.home-chat-back{display:inline-flex;align-items:center;gap:.25rem;margin:0;padding:.35rem .5rem .35rem .35rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.home-chat-back:hover:not(:disabled){background:var(--bg-warm-soft);color:var(--text-primary)}.home-chat-back:disabled{opacity:.45;cursor:not-allowed}.home-chat-back-icon{width:1rem;height:1rem}.home-chat-context-bar{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-warm-soft)}.home-chat-scene-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.75rem;font-weight:600}.home-chat-context-chip{padding:.25rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-white);color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:border-color .15s,color .15s}.home-chat-context-chip:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.home-chat-context-chip:disabled{opacity:.5;cursor:not-allowed}.home-chat-context-upload{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;padding:.25rem .75rem;border-radius:999px;border:1px dashed var(--primary-dashed);background:var(--bg-white);color:var(--primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s}.home-chat-context-upload:hover:not(:disabled){background:var(--primary-soft)}.home-chat-context-upload:disabled{opacity:.5;cursor:not-allowed}.home-chat-card:has(.home-chat-empty-hero-orbit){overflow:visible}.home-chat-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.home-chat-body:has(.home-chat-empty-hero-orbit){overflow:visible}.home-chat-empty{display:flex;flex-direction:column;align-items:center;max-width:50rem;margin:0 auto;padding:3rem 1.5rem 2rem;text-align:center}.home-chat-empty:has(.home-chat-empty-hero-orbit){padding-top:2rem;padding-bottom:1.25rem}.home-chat-empty-hero-orbit,.home-chat-empty-scene-icon{margin-bottom:0}.home-chat-empty-hero-orbit{margin-top:0}.home-chat-empty:has(.home-chat-empty-hero-orbit) .home-chat-empty-title{margin-top:1.5rem}.home-chat-empty-title{margin:1rem 0 0;font-size:clamp(1.375rem,2.75vw,1.75rem);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.home-chat-empty-desc{margin:.5rem 0 0;max-width:28rem;font-size:.875rem;color:var(--text-secondary);line-height:1.55}.home-capability-tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;width:100%;max-width:50rem;margin:1.5rem 0 0;padding:0;list-style:none}.home-capability-tag{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.15rem;min-height:3.75rem;border-radius:14px;border:1px solid var(--border-subtle);background:var(--bg-white);text-align:left;box-shadow:0 1px 2px #2b29330a}.home-capability-tag-icon{flex-shrink:0;display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--primary-soft);color:var(--primary)}.home-capability-tag-icon-svg{width:1.125rem;height:1.125rem}.home-capability-tag-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0}.home-capability-tag-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);line-height:1.3}.home-capability-tag-subtitle{font-size:.6875rem;color:var(--text-muted);line-height:1.35}.home-chat-empty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:100%;max-width:40rem;margin-top:1.5rem}.home-chat-empty-chip{padding:.95rem 1.15rem;min-height:3.25rem;border-radius:16px;border:1px solid var(--border);background:var(--bg-white);color:var(--text-primary);font-size:.9375rem;font-weight:500;line-height:1.4;text-align:left;cursor:pointer;transition:border-color .15s,color .15s}.home-chat-empty-chip:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.home-chat-empty-chip:disabled{opacity:.5;cursor:not-allowed}.home-chat-error{flex-shrink:0;margin:0 1.5rem;text-align:left}.home-chat-composer{flex-shrink:0;border-top:1px solid var(--border-subtle);background:var(--bg-white);padding:1.5rem 1.5rem 1.75rem;overflow:visible}.home-chat-composer .prompt-box-home-chat{max-width:50rem;margin-inline:auto}.home-hero{--home-gap-tight: .5rem;--home-gap-alert: 1rem;--home-gap-block: 1.5rem;--home-gap-section: 1.25rem;width:min(860px,100%);display:flex;flex-direction:column;align-items:center;text-align:center}.home-hero-intro{display:flex;flex-direction:column;align-items:center;gap:var(--home-gap-tight);width:100%;margin-bottom:var(--home-gap-block)}.home-scenes-panel{width:min(340px,38vw);flex-shrink:0;display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%;overflow:hidden;border-right:1px solid var(--border);border-radius:0 0 12px 12px;background:var(--bg-white);box-sizing:border-box}.home-scenes-search-wrap{flex-shrink:0;padding:1rem 1rem .85rem;border-bottom:1px solid var(--border)}.home-scenes-search-field{position:relative}.home-scenes-search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.home-scenes-search{width:100%;padding:.55rem .75rem .55rem 2.25rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-muted);font-size:.8125rem;color:var(--text-primary);outline:none;transition:border-color .15s,background .15s}.home-scenes-search::placeholder{color:var(--text-muted)}.home-scenes-search:focus{border-color:var(--primary);background:var(--bg-white)}.home-scenes-filters{display:flex;flex-wrap:nowrap;gap:.4rem;margin-top:.65rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.1rem;cursor:grab;touch-action:pan-x}.home-scenes-filters.is-drag-scroll-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.home-scenes-filters.is-drag-scroll-dragging .home-scenes-filter-chip{pointer-events:none}.home-scenes-filters::-webkit-scrollbar{display:none}.home-scenes-filter-chip{flex-shrink:0;border:1px solid var(--border);border-radius:999px;padding:.28rem .72rem;font-size:.75rem;font-weight:500;line-height:1.35;color:var(--text-secondary);background:var(--bg-muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s}.home-scenes-filter-chip:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.home-scenes-filter-chip.is-active{color:#fff;background:var(--primary);border-color:var(--primary)}.home-scenes-section{margin-bottom:1.1rem}.home-scenes-section:last-child{margin-bottom:0}.home-scenes-section-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.home-scenes-section-title{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-size:.8125rem;font-weight:600;color:var(--text-primary);line-height:1.3}.home-scenes-section-title-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--primary)}.home-scenes-section-title-icon .showcase-row-icon-svg{width:1rem;height:1rem}.home-scenes-section-count{font-weight:500;color:var(--text-muted)}.home-scenes-section-more{flex-shrink:0;border:none;padding:.2rem .35rem;font-size:.6875rem;font-weight:500;color:var(--text-muted);background:transparent;cursor:pointer;border-radius:6px;transition:color .15s,background .15s}.home-scenes-section-more:hover{color:var(--primary);background:var(--primary-soft)}.home-scenes-grid-wrap{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.85rem 1rem 1rem}.home-scenes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.home-scene-card{border:none;padding:0;background:transparent;cursor:pointer;border-radius:12px;overflow:hidden;text-align:left;transition:transform .15s,box-shadow .15s}.home-scene-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.home-scene-card-visual{position:relative;aspect-ratio:4 / 5;min-height:108px;display:flex;align-items:center;justify-content:center;color:#fff6;overflow:hidden}.home-scene-card-visual.has-thumb{background:var(--bg-muted)}.home-scene-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.home-scene-card:hover .home-scene-card-image{transform:scale(1.04)}.home-scene-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001f,#00000005 35%,#00000073);pointer-events:none}.home-scene-card-visual .showcase-row-icon-svg{width:1.75rem;height:1.75rem;transition:transform .15s}.home-scene-card:hover .home-scene-card-visual .showcase-row-icon-svg{transform:scale(1.08)}.home-scene-card-category{position:absolute;left:.5rem;top:.45rem;z-index:1;font-size:.625rem;font-weight:600;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.35)}.home-scene-card-label{position:absolute;left:.5rem;right:.5rem;bottom:.45rem;z-index:1;font-size:.75rem;font-weight:500;color:#fff;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.35)}.home-scenes-empty{margin:1.5rem 0 0;font-size:.8125rem;color:var(--text-muted);text-align:center;line-height:1.5}.home-announce{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem .4rem 1rem;border-radius:999px;background:var(--bg-white);border:1px solid var(--border);color:var(--text-secondary);font-size:.8125rem;box-shadow:var(--shadow-sm);margin:0 0 var(--home-gap-section);text-decoration:none;cursor:pointer;transition:border-color .15s,box-shadow .15s,color .15s}.home-announce:hover{border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-md);text-decoration:none}.home-announce-dot{width:6px;height:6px;border-radius:999px;background:var(--brand-gold);flex-shrink:0}.home-announce-arrow{color:var(--text-muted);flex-shrink:0}.home-greeting{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.home-credits{margin:0;font-size:.75rem;color:var(--text-muted)}.home-credits-low{color:var(--color-danger, #c0392b)}.home-credits-hint{margin:0 0 .65rem;font-size:.8125rem;color:var(--color-danger, #c0392b);text-align:center}.home-prompt-wrap{width:100%;max-width:760px;margin-inline:auto}.home-prompt-wrap .prompt-input-row{padding-top:1rem;padding-bottom:.5rem}.home-prompt-wrap .prompt-textarea{min-height:96px}.home-prompt-wrap .prompt-toolbar{padding-top:.65rem;padding-bottom:1rem}.home-error{width:100%;max-width:760px;margin:var(--home-gap-alert) auto 0;text-align:left}.home-quick-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;margin-top:var(--home-gap-block)}.home-quick-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .35rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-white);color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.home-quick-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.home-quick-chip-thumb{width:1.75rem;height:1.75rem;border-radius:999px;flex-shrink:0}.home-quick-chip-arrow{color:var(--text-muted)}.sidebar-avatar-btn{width:2.25rem;height:2.25rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-muted);color:var(--text-muted);cursor:pointer;display:grid;place-items:center}.sidebar-avatar-btn:hover{color:var(--text-primary);background:var(--bg-white)}.sidebar-shell{display:flex;flex-direction:column;align-items:center;width:calc(100% - .5rem);padding:.5rem .25rem;border-radius:12px;gap:.15rem;cursor:pointer}.sidebar-shell-link{text-decoration:none;color:inherit;transition:background .15s}.sidebar-shell-link:hover{background:var(--bg-muted);text-decoration:none;color:inherit}.sidebar-shell:hover{background:var(--bg-muted)}.sidebar-shell-icon{width:1.25rem;height:1.25rem;color:var(--primary)}.sidebar-shell-val{font-size:.8125rem;font-weight:700;color:var(--text-primary);line-height:1}.sidebar-shell-sub{font-size:.625rem;color:var(--text-muted)}.sidebar-user-menu{position:relative}.sidebar-user-popover{position:absolute;left:calc(100% + 10px);bottom:-.25rem;width:240px;padding:.65rem 0;background:var(--bg-white);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-4px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease;z-index:100}.sidebar-user-popover:before{content:"";position:absolute;right:100%;top:0;bottom:0;width:12px}.sidebar-user-menu:hover .sidebar-user-popover,.sidebar-user-menu:focus-within .sidebar-user-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.sidebar-user-profile{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .85rem;border:none;background:transparent;text-align:left;cursor:pointer}.sidebar-user-profile:hover{background:var(--bg-muted)}.sidebar-user-profile-avatar{width:2.5rem;height:2.5rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.sidebar-user-profile-avatar svg{width:1.35rem;height:1.35rem}.sidebar-user-profile-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:.3rem}.sidebar-user-profile-name{display:flex;align-items:center;gap:.15rem;min-width:0}.sidebar-user-profile-id{font-size:.8125rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-menu-chevron{width:.9rem;height:.9rem;color:var(--text-muted);flex-shrink:0}.sidebar-user-profile-tag{align-self:flex-start;font-size:.625rem;color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .45rem}.sidebar-user-divider{height:1px;background:var(--border);margin:.35rem 0}.sidebar-user-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.55rem .85rem;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;text-align:left;cursor:pointer}.sidebar-user-item:hover{background:var(--bg-muted)}.sidebar-user-menu-icon{width:1.05rem;height:1.05rem;color:var(--text-secondary);flex-shrink:0}.sidebar-user-item span{flex:1}.sidebar-user-item-caret{width:.85rem;height:.85rem;color:var(--text-muted);flex-shrink:0}.sidebar-user-logout{display:flex;align-items:center;gap:.55rem;width:calc(100% - 1rem);margin:.15rem .5rem 0;padding:.6rem .75rem;border:none;border-radius:10px;background:var(--bg-muted);color:var(--text-primary);font-size:.8125rem;cursor:pointer}.sidebar-user-logout:hover{background:var(--border-strong)}.sidebar-user-guest{padding:.65rem .85rem .5rem}.sidebar-user-guest-title{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.sidebar-user-guest-desc{margin:.35rem 0 0;font-size:.75rem;color:var(--text-muted);line-height:1.45}.sidebar-user-login{display:block;width:calc(100% - 1rem);margin:.35rem .5rem .15rem;padding:.55rem;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer}.sidebar-user-login:hover{background:var(--primary-hover)}.tools-page{min-height:100%;padding:2.5rem 2.5rem 3rem}.tools-page-header{max-width:1280px;margin:0 auto 2rem}.tools-page-header h1{margin:0;font-size:1.5rem;font-weight:700}.tools-page-header p{margin:.35rem 0 0;font-size:.875rem;color:var(--text-muted)}.tools-page-sections{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.tools-section-title{margin:0 0 1rem;font-size:.875rem;font-weight:500;color:var(--text-muted);letter-spacing:.02em}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.tools-card{position:relative;border:none;border-radius:12px;padding:0;min-height:180px;text-align:left;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:transform .15s,box-shadow .15s}.tools-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.tools-card:hover .tools-card-image{transform:scale(1.04)}.tools-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#00000005 38%,#00000085);pointer-events:none}.tools-card-text{position:relative;z-index:1;padding:1.25rem}.tools-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tools-card-title{font-size:1.125rem;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.35)}.tools-card-desc{margin-top:.25rem;font-size:.6875rem;color:#ffffffe0;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.35)}.assets-page{min-height:100%;padding:2.5rem 2.5rem 3rem;max-width:1280px;margin:0 auto}.assets-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.assets-page-header h1{margin:0;font-size:1.5rem;font-weight:700}.assets-page-header p{margin:.35rem 0 0;font-size:.875rem;color:var(--text-muted)}.assets-add-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:none;border-radius:999px;background:var(--primary);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer}.assets-add-btn:hover{background:var(--primary-hover)}.assets-dropzone{width:100%;border:2px dashed var(--border);border-radius:16px;background:var(--bg-white);padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.assets-dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.assets-dropzone-icon{width:3rem;height:3rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin-bottom:.75rem}.assets-dropzone-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.assets-dropzone-hint{margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.assets-section-head{margin-top:2rem;margin-bottom:1rem}.assets-section-head-spaced{margin-top:2.5rem}.assets-section-head h2{margin:0;font-size:1rem;font-weight:600}.assets-count{font-size:.75rem;font-weight:400;color:var(--text-muted)}.assets-folder-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.assets-folder-new{aspect-ratio:5 / 4;border:2px dashed var(--border);border-radius:16px;background:#fff9;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;cursor:pointer}.assets-folder-new:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.assets-empty{text-align:center;padding:4rem 1rem;font-size:.875rem;color:var(--text-muted)}@media(max-width:1100px){.recent-projects-row{grid-template-columns:repeat(4,minmax(0,1fr))}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.assets-folder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:768px){.home-page{flex-direction:column}.home-scenes-panel{width:100%;flex:0 0 auto;height:auto;max-height:min(38vh,320px);border-right:none;border-bottom:1px solid var(--border);border-radius:0 0 12px 12px}.home-scenes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-main{flex:1;min-height:0;padding:.75rem}.home-chat-header,.home-chat-toolbar,.home-chat-context-bar,.home-chat-composer{padding-inline:1rem}.home-chat-empty:has(.home-chat-empty-hero-orbit){padding-top:1.5rem;padding-bottom:1rem}.home-chat-empty{padding:2rem 1rem 1.5rem}.home-chat-empty-grid{grid-template-columns:1fr}.home-capability-tags{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1.25rem}.home-capability-tag{padding:.65rem .6rem}.home-capability-tag-title{font-size:.75rem}.home-capability-tag-subtitle{font-size:.625rem}.home-chat-context-upload{margin-left:0}.home-hero{--home-gap-section: 1.5rem;--home-gap-block: 1.25rem}.recent-projects-row,.tools-grid,.assets-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-page,.assets-page{padding:1.5rem 1rem 2rem}}@media(max-width:480px){.recent-projects-row{grid-template-columns:1fr 1fr}.tools-grid{grid-template-columns:1fr}}.icon-3d{position:relative;display:grid;place-items:center;flex-shrink:0;isolation:isolate;animation:icon3dFloat 3.4s ease-in-out infinite}.icon-3d--scene{width:136px;height:136px;border-radius:34px;background:#ffffff5c;box-shadow:0 22px 48px #ff6a002e,inset 0 1px #ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.icon-3d--brand{overflow:visible;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.icon-3d img{position:relative;z-index:2;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(255,106,0,.22));animation:icon3dBreath 3.4s ease-in-out infinite}.icon-3d--scene img{width:112px;height:112px}.icon-3d--brand img{width:128px;height:128px}.icon-3d--brand .icon-3d__shine{display:none}.icon-3d--brand .icon-3d__glow{left:12%;right:12%;bottom:4px;height:20px}.icon-3d__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.68) 48%,transparent 72%);transform:translate(-130%);animation:icon3dShine 3.8s ease-in-out infinite}.icon-3d__glow{position:absolute;z-index:1;left:22px;right:22px;bottom:12px;height:22px;border-radius:999px;background:#ff6a0047;filter:blur(14px)}@keyframes icon3dFloat{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-8px) rotateX(5deg) rotateY(-5deg)}}@keyframes icon3dBreath{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes icon3dShine{0%,42%{transform:translate(-130%)}72%,to{transform:translate(130%)}}@media(max-width:768px){.icon-3d--scene{width:108px;height:108px;border-radius:28px}.icon-3d--scene img{width:90px;height:90px}.icon-3d--brand img{width:100px;height:100px}}@media(prefers-reduced-motion:reduce){.icon-3d,.icon-3d img,.icon-3d__shine{animation:none}}.hero-orbit{--hero-speed: 26s;--hero-speed-b: 30.7s;--hero-radius: 198px;--hero-radius-b: 154px;--hero-stage-size: 28rem;--hero-tilt-x: 65deg;--hero-tilt-a: 16deg;--hero-tilt-b: -24deg;position:relative;width:min(100%,calc(var(--hero-stage-size) + 2rem));--hero-viewport-h: calc(var(--hero-radius) * 1.08 + 3rem);height:var(--hero-viewport-h);max-height:300px;margin:0 auto;padding-top:.5rem;padding-bottom:1rem;display:block;isolation:isolate;overflow:visible}.hero-orbit__perspective{position:relative;width:100%;height:100%;perspective:1100px;perspective-origin:50% 46%}.hero-orbit__stage{position:absolute;left:50%;top:54%;width:var(--hero-stage-size);height:var(--hero-stage-size);margin:0;transform:translate(-50%,-50%) rotateX(10deg);transform-style:preserve-3d}.hero-orbit__halo{position:absolute;left:50%;top:50%;width:calc(var(--hero-stage-size) * 1.05);height:calc(var(--hero-stage-size) * .55);margin:calc(var(--hero-stage-size) * -.275) 0 0 calc(var(--hero-stage-size) * -.525);border-radius:50%;background:radial-gradient(ellipse at 50% 58%,rgba(255,120,40,.22) 0%,rgba(255,106,0,.08) 42%,transparent 72%);filter:blur(18px);transform:translateZ(-48px);pointer-events:none;animation:heroOrbitHaloBreath 5.5s ease-in-out infinite}.hero-orbit__halo--outer{width:calc(var(--hero-stage-size) * 1.28);height:calc(var(--hero-stage-size) * .72);margin:calc(var(--hero-stage-size) * -.36) 0 0 calc(var(--hero-stage-size) * -.64);background:radial-gradient(ellipse at 50% 55%,rgba(255,150,60,.12) 0%,rgba(255,106,0,.04) 50%,transparent 78%);filter:blur(28px);transform:translateZ(-80px);animation-duration:7s;animation-delay:-1.2s}.hero-orbit__ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(255,106,0,.1);transform-style:preserve-3d;pointer-events:none}.hero-orbit__ring--a{width:calc(var(--hero-radius) * 2);height:calc(var(--hero-radius) * 2);margin:calc(var(--hero-radius) * -1) 0 0 calc(var(--hero-radius) * -1);transform:rotateX(var(--hero-tilt-x)) rotate(var(--hero-tilt-a));box-shadow:0 0 0 1px #ff8c3c0a,inset 0 0 24px #ff6a0008}.hero-orbit__ring--b{width:calc(var(--hero-radius-b) * 2);height:calc(var(--hero-radius-b) * 2);margin:calc(var(--hero-radius-b) * -1) 0 0 calc(var(--hero-radius-b) * -1);transform:rotateX(var(--hero-tilt-x)) rotate(var(--hero-tilt-b));opacity:.75;border-color:#ff6a0014}.hero-orbit__particles{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;pointer-events:none}.hero-orbit__particles--a{transform:rotateX(var(--hero-tilt-x)) rotate(var(--hero-tilt-a));animation:heroOrbitPlaneSpin var(--hero-speed) linear infinite}.hero-orbit__particles--b{transform:rotateX(var(--hero-tilt-x)) rotate(var(--hero-tilt-b));animation:heroOrbitPlaneSpin var(--hero-speed-b) linear infinite reverse}.hero-orbit__particle{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#ff8c28cc;box-shadow:0 0 10px #ff6a0099;transform-style:preserve-3d;transform:rotate(var(--particle-angle)) translate(calc(var(--hero-radius) * .94)) translateZ(2px);animation:heroOrbitParticlePulse calc(var(--hero-speed) * .42) ease-in-out infinite;animation-delay:calc(var(--hero-speed) * -.07 * var(--particle-i))}.hero-orbit__particle--b{width:4px;height:4px;margin:-2px 0 0 -2px;opacity:.7;transform:rotate(var(--particle-angle)) translate(calc(var(--hero-radius-b) * .96)) translateZ(1px);animation-duration:calc(var(--hero-speed-b) * .5)}.hero-orbit__track{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateX(var(--hero-tilt-x)) rotate(var(--hero-tilt-a));pointer-events:none}.hero-orbit__track-spin{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:heroOrbitPlaneSpin var(--hero-speed) linear infinite;will-change:transform}.hero-orbit__spoke{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:rotate(var(--angle)) translate(var(--hero-radius)) translateZ(0)}.hero-orbit__spoke-inner{transform-style:preserve-3d;transform:rotate(calc(-1 * var(--angle)));animation:heroOrbitPlaneCounterSpin var(--hero-speed) linear infinite;will-change:transform}.hero-orbit__billboard{transform-style:preserve-3d;transform:rotateX(calc(-1 * var(--hero-tilt-x))) rotate(calc(-1 * var(--hero-tilt-a)))}.hero-orbit__node{position:relative;display:grid;justify-items:center;gap:.35rem;margin:0;padding:0;border:none;background:none;cursor:pointer;transform:translate(-50%,-50%) translateZ(4px);transition:transform .2s ease,filter .2s ease;pointer-events:auto}.hero-orbit__node:disabled{cursor:not-allowed;opacity:.55}.hero-orbit__card{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:20px;background:#ffffff6b;border:1px solid rgba(255,255,255,.65);box-shadow:0 10px 28px #ff6a001f,inset 0 1px #ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.hero-orbit__card img{width:4rem;height:4rem;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(255,106,0,.18))}.hero-orbit__label{font-size:.75rem;font-weight:700;line-height:1.1;color:var(--text-primary);white-space:nowrap;opacity:0;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.9)}.hero-orbit__node:hover:not(:disabled) .hero-orbit__card,.hero-orbit__node:focus-visible:not(:disabled) .hero-orbit__card{transform:scale(1.08);background:#ffffff94;box-shadow:0 14px 36px #ff6a0038,0 0 0 1px #ff8c3c40,0 0 24px #ff6a002e,inset 0 1px #ffffffd9}.hero-orbit__node:hover:not(:disabled) .hero-orbit__label,.hero-orbit__node:focus-visible:not(:disabled) .hero-orbit__label{opacity:1;transform:translateY(0)}.hero-orbit__node:focus-visible{outline:none}.hero-orbit__node:focus-visible .hero-orbit__card{outline:2px solid rgba(255,106,0,.45);outline-offset:2px}@keyframes heroOrbitPlaneSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroOrbitPlaneCounterSpin{0%{transform:rotate(calc(-1 * var(--angle)))}to{transform:rotate(calc(-1 * var(--angle) - 360deg))}}@keyframes heroOrbitHaloBreath{0%,to{opacity:.85}50%{opacity:1}}@keyframes heroOrbitParticlePulse{0%,to{opacity:.3;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.2)}}@media(max-width:768px){.hero-orbit{--hero-radius: 128px;--hero-radius-b: 100px;--hero-viewport-h: calc(var(--hero-radius) * 1.08 + 2.5rem);max-height:240px;padding-top:.35rem;padding-bottom:.75rem}.hero-orbit__perspective{perspective:820px;perspective-origin:50% 44%}.hero-orbit__stage{top:56%}.hero-orbit__card{width:3.75rem;height:3.75rem;border-radius:16px}.hero-orbit__card img{width:3.25rem;height:3.25rem}.hero-orbit__label{font-size:.625rem}}@media(prefers-reduced-motion:reduce){.hero-orbit__track-spin,.hero-orbit__spoke-inner,.hero-orbit__particles--a,.hero-orbit__particles--b,.hero-orbit__particle,.hero-orbit__halo{animation:none}.hero-orbit__track-spin{transform:rotate(-18deg)}.hero-orbit__spoke-inner{transform:rotate(calc(-1 * var(--angle) + 18deg))}.hero-orbit__label{opacity:.85;transform:none}}.app-shell{display:flex;min-height:100vh}.main-stage{flex:1;min-width:0;background:var(--bg-base);overflow-y:auto}.main-stage:has(.project-page){overflow:hidden;height:100vh;height:100dvh;display:flex;flex-direction:column}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;min-height:100vh;position:sticky;top:0;height:100vh;z-index:10}.sidebar-logo-wrap{margin-bottom:1.25rem}.sidebar-logo-link{display:block;line-height:0;border-radius:12px;transition:opacity .15s}.sidebar-logo-link:hover{opacity:.85}.sidebar-logo-img{display:block;width:3rem;height:3rem;object-fit:contain}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem;flex:1;width:100%}.sidebar-link{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem .25rem;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:.65rem;transition:background .15s,color .15s}.sidebar-link:hover{background:var(--bg-muted);color:var(--text-primary);text-decoration:none}.sidebar-link-active{background:var(--primary-soft);color:var(--primary);font-weight:600}.sidebar-svg{width:1.35rem;height:1.35rem}.sidebar-link-label{line-height:1.1;text-align:center}.sidebar-badge{position:absolute;top:.15rem;right:.1rem;font-size:.45rem;padding:.05rem .25rem;border-radius:4px;background:var(--primary);color:#fff;font-weight:700;letter-spacing:.02em}.sidebar-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-top:.25rem;margin-top:-.75rem}.sidebar-icon-btn{width:2.25rem;height:2.25rem;border:none;background:transparent;color:var(--text-muted);border-radius:8px;cursor:pointer;display:grid;place-items:center}.sidebar-icon-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.sidebar-login-btn{width:calc(100% - .5rem);padding:.45rem .25rem;border:none;border-radius:999px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:600;cursor:pointer}.sidebar-login-btn:hover{background:var(--primary-hover)}.sidebar-login-btn-ghost{background:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border)}.sidebar-login-btn-ghost:hover{background:var(--bg-muted);color:var(--text-primary)}.sidebar-points{display:flex;flex-direction:column;align-items:center;width:calc(100% - .5rem);padding:.4rem;border-radius:10px;background:var(--bg-muted);border:1px solid var(--border)}.sidebar-points-val{font-size:.85rem;font-weight:700;color:var(--text-primary)}.sidebar-points-sub{font-size:.55rem;color:var(--text-muted)}.prompt-box{width:100%;background:var(--bg-white);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);overflow:visible;text-align:left;position:relative}.prompt-box-dragover{border-color:var(--primary)}.prompt-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#ffffffeb;color:var(--primary);font-size:.875rem;font-weight:600;pointer-events:none}.prompt-attachments-row{display:flex;gap:.5rem;padding:.75rem 1rem .25rem;overflow-x:auto;scrollbar-width:thin}.prompt-box-compact .prompt-attachments-row{padding:.55rem .85rem .15rem}.prompt-input-row{display:flex;align-items:flex-end;gap:.65rem;padding:.35rem 1rem}.prompt-box-compact .prompt-input-row{padding:.25rem .85rem}.prompt-box:has(.prompt-attachments-row) .prompt-input-row{padding-top:.15rem}.prompt-box:not(:has(.prompt-attachments-row)) .prompt-input-row{padding-top:.85rem}.prompt-box-compact:not(:has(.prompt-attachments-row)) .prompt-input-row{padding-top:.65rem}.prompt-attachment{position:relative;flex-shrink:0;width:4.25rem;height:4.25rem;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg-muted)}.prompt-attachment-preview-btn{display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:zoom-in}.prompt-attachment-index{position:absolute;left:.25rem;bottom:.25rem;min-width:1.125rem;height:1.125rem;padding:0 .25rem;border-radius:999px;background:#0000008c;color:#fff;font-size:.625rem;font-weight:700;line-height:1.125rem;text-align:center}.prompt-attachment-retry{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0 auto;width:fit-content;padding:.2rem .45rem;border:none;border-radius:6px;background:#ffffffeb;color:var(--text-primary);font-size:.625rem;font-weight:600;cursor:pointer;z-index:1}.prompt-attachment-retry:hover:not(:disabled){background:#fff}.prompt-attachment-count{font-size:.6875rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}.prompt-attachment-img{width:100%;height:100%;object-fit:cover;display:block}.prompt-attachment-badge{position:absolute;left:0;right:0;bottom:0;padding:.15rem .25rem;font-size:.5625rem;font-weight:600;text-align:center;color:#fff;background:#0000008c}.prompt-attachment-badge-error{background:#b91c1cd9}.prompt-attachment-remove{position:absolute;top:.2rem;right:.2rem;width:1.25rem;height:1.25rem;border:none;border-radius:999px;background:#0000008c;color:#fff;font-size:.85rem;line-height:1;cursor:pointer;display:grid;place-items:center}.prompt-attachment-remove:hover:not(:disabled){background:#000000b8}.prompt-textarea{flex:1;min-width:0;width:100%;border:none;resize:none;padding:.25rem 0 .15rem;font:inherit;font-size:.95rem;color:var(--text-primary);background:transparent;outline:none;min-height:64px}.prompt-box-compact .prompt-textarea{min-height:52px;font-size:.9rem}.prompt-box:not(:has(.prompt-input-row)) .prompt-textarea,.prompt-box .prompt-textarea-legacy{padding:1.1rem 1.25rem .5rem;min-height:88px}.prompt-textarea::placeholder{color:var(--text-muted)}.prompt-textarea:disabled{opacity:.6}.prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .85rem .85rem}.prompt-toolbar-left,.prompt-toolbar-right{display:flex;align-items:center;gap:.35rem}.prompt-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.35rem .65rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-white);color:var(--text-secondary);font-size:.75rem;cursor:pointer}.prompt-chip-muted{color:var(--text-muted)}.prompt-caret{font-size:.6rem;opacity:.7}.prompt-icon-btn{width:2rem;height:2rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-white);color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;font-size:1.1rem;line-height:1}.prompt-icon-btn:hover:not(:disabled){background:var(--bg-muted)}.prompt-upload-btn{display:inline-flex;align-items:center;gap:.35rem;height:2rem;padding:0 .65rem;border-radius:8px;border:1px dashed var(--border);background:var(--bg-white);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap}.prompt-upload-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft, rgb(59 130 246 / .06))}.prompt-upload-btn:disabled{opacity:.45;cursor:not-allowed}.prompt-send{width:2.25rem;height:2.25rem;border-radius:999px;border:none;background:var(--bg-muted);color:var(--text-muted);cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s}.prompt-send:hover:not(:disabled){background:var(--primary);color:#fff}.prompt-send:disabled{opacity:.35;cursor:not-allowed}.prompt-send-stop{background:var(--primary-soft);color:var(--primary)}.prompt-send-stop:not(:disabled):hover{background:var(--primary);color:#fff}.prompt-box-home-chat{border:1px solid var(--border);border-radius:12px;box-shadow:none;background:var(--bg-white);overflow:visible}.prompt-box-home-chat .prompt-attachments-row{padding:.85rem 1rem .25rem}.prompt-input-row-home-chat{flex-direction:column;align-items:stretch;padding:1.15rem 1.15rem .5rem!important}.prompt-input-row-home-chat .prompt-textarea{min-height:6.5rem;padding-right:.25rem;padding-bottom:.5rem}.prompt-home-chat-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem 1.15rem 1.15rem}.prompt-home-chat-footer-left{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;min-width:0}.prompt-home-chat-footer-right{flex-shrink:0}.prompt-home-chat-send{display:inline-flex;align-items:center;gap:.35rem;height:2.25rem;padding:0 1rem;border:none;border-radius:12px;background:var(--primary);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm);transition:opacity .15s}.prompt-home-chat-send:hover:not(:disabled){opacity:.92}.prompt-home-chat-send:disabled{opacity:.45;cursor:not-allowed}.prompt-home-chat-send-stop{background:var(--text-primary);color:#fff}.image-settings-anchor{position:relative;display:inline-flex}.image-settings-trigger{max-width:11rem;height:2rem;padding:0 .55rem;box-sizing:border-box;border-radius:8px;line-height:1}.image-settings-trigger-open{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--primary-soft);color:var(--primary)}.image-settings-trigger-custom{font-weight:600}.image-settings-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-settings-popover{position:absolute;z-index:40;left:0;width:min(22rem,calc(100vw - 2rem));padding:.85rem .95rem .75rem;border:1px solid var(--border);border-radius:14px;background:var(--bg-white);box-shadow:var(--shadow-lg);text-align:left}.image-settings-popover--bottom{top:calc(100% + .45rem)}.image-settings-popover--top{bottom:calc(100% + .45rem)}.image-settings-popover-header{margin-bottom:.65rem}.image-settings-popover-title{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.image-settings-popover-scope{margin:.25rem 0 0;font-size:.6875rem;color:var(--text-muted)}.image-settings-popover-hint{margin:.35rem 0 0;font-size:.6875rem;line-height:1.4;color:var(--text-muted)}.image-settings-popover-body{display:flex;flex-direction:column;gap:.65rem;max-height:min(24rem,52vh);padding:.55rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow-y:auto}.image-settings-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.image-settings-field-label{margin:0;padding:0;font-size:.6875rem;font-weight:600;color:var(--text-secondary)}.image-settings-options{display:flex;flex-wrap:wrap;gap:.35rem}.image-settings-option{padding:.32rem .55rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-white);color:var(--text-secondary);font-size:.6875rem;line-height:1.2;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.image-settings-option:hover{background:var(--bg-muted)}.image-settings-option-selected{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--primary-soft);color:var(--primary);font-weight:600}.image-settings-popover-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding-top:.65rem}.image-settings-estimate-block{display:flex;flex-direction:column;gap:.2rem;min-width:0}.image-settings-estimate{font-size:.6875rem;color:var(--text-secondary)}.image-settings-estimate-disclaimer{font-size:.625rem;line-height:1.35;color:var(--text-muted)}.image-settings-estimate-blocked,.image-settings-estimate-blocked strong{color:var(--danger, #c0392b)}.image-settings-billing-blocked{font-size:.6875rem;color:var(--danger, #c0392b)}.image-settings-billing-blocked a{margin-left:.25rem}.image-settings-estimate strong{font-size:.8125rem;font-weight:700;color:var(--text-primary)}.image-settings-estimate-high strong{color:var(--primary)}.image-settings-reset-btn{flex-shrink:0;padding:.3rem .55rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-white);color:var(--text-secondary);font-size:.6875rem;cursor:pointer}.image-settings-reset-btn:hover:not(:disabled){background:var(--bg-muted)}.image-settings-reset-btn:disabled{opacity:.45;cursor:not-allowed}.prompt-box-compact .image-settings-trigger{max-width:9rem;height:2rem;padding-inline:.5rem;font-size:.6875rem}.prompt-box-compact .image-settings-popover{width:min(20rem,calc(100vw - 2.5rem))}.prompt-box-compact .image-settings-popover-body{max-height:min(20rem,45vh)}.chat-thread{width:100%;margin-top:.5rem;padding:1rem 1.1rem;background:var(--bg-white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md);text-align:left;max-height:min(50vh,420px);overflow-y:auto}.msg{margin-bottom:.85rem}.msg-role{font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem}.msg-user .msg-role{color:var(--primary)}.msg-body{white-space:pre-wrap;word-break:break-word;line-height:1.45;font-size:.875rem;color:var(--text-primary)}.msg-text{display:inline}.msg-typing{font-size:.8rem;color:var(--text-muted);font-style:italic}.msg-image{display:block;max-width:min(100%,320px);max-height:320px;width:auto;height:auto;object-fit:contain;border-radius:8px;border:1px solid var(--border);margin-bottom:.35rem;background:var(--bg-muted)}.msg-image-link{display:inline-block;line-height:0}.msg-images{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.msg-images-multi .msg-image{max-width:min(100%,140px);max-height:140px}.msg-image-kind{font-size:.6875rem;font-weight:600;color:var(--text-muted);margin-bottom:.25rem}.msg-images-assistant .msg-image{border-color:var(--primary-soft, var(--border))}.image-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:2rem;background:#000000d1;cursor:zoom-out}.image-lightbox-img{max-width:min(96vw,1200px);max-height:min(88vh,900px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 12px 48px #00000073;cursor:default}.image-lightbox-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:none;border-radius:999px;background:#ffffff1f;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.image-lightbox-close:hover{background:#ffffff38}.image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;border:none;border-radius:999px;background:#ffffff1f;color:#fff;font-size:1.75rem;line-height:1;cursor:pointer}.image-lightbox-nav:hover:not(:disabled){background:#ffffff38}.image-lightbox-nav:disabled{opacity:.35;cursor:not-allowed}.image-lightbox-nav-prev{left:1rem}.image-lightbox-nav-next{right:1rem}.image-lightbox-counter{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);padding:.35rem .75rem;border-radius:999px;background:#00000073;color:#fff;font-size:.8125rem;font-weight:600}.msg-image-btn{display:inline-block;padding:0;border:none;background:none;cursor:zoom-in;line-height:0;border-radius:8px}.msg-image-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.placeholder-page{display:flex;justify-content:center;padding:3rem 1.5rem}.placeholder-card{max-width:520px;width:100%;background:var(--bg-white);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md)}.placeholder-badge{display:inline-block;margin:0 0 .75rem;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;background:var(--primary-soft);color:var(--primary)}.placeholder-card h1{margin:0 0 .5rem;font-size:1.5rem}.placeholder-sub{margin:0 0 1rem;color:var(--text-secondary)}.placeholder-list{margin:0 0 1rem;padding-left:1.25rem;color:var(--text-secondary);font-size:.9rem}.placeholder-hint{margin:0;font-size:.8rem;color:var(--text-muted)}.auth-page{min-height:100vh;background:var(--bg-base);display:flex;justify-content:center;padding:2rem 1rem}.auth-page-inner{width:min(420px,100%)}.auth-back{display:inline-block;margin-bottom:1.5rem;font-size:.875rem;color:var(--text-secondary);text-decoration:none}.auth-back:hover{color:var(--primary)}.auth-hero{text-align:center;margin-bottom:1.5rem}.auth-logo{display:block;width:4rem;height:4rem;margin:0 auto .5rem;object-fit:contain}.auth-hero h1{margin:.5rem 0 .25rem;font-size:1.5rem}.auth-hero p{margin:0;color:var(--text-secondary);font-size:.875rem}.auth-card{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow-md)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.25rem;background:var(--bg-muted);border-radius:10px;margin-bottom:1rem}.auth-tab{border:none;background:transparent;padding:.5rem;border-radius:8px;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer}.auth-tab-active{background:var(--bg-white);color:var(--text-primary);box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:.85rem}.auth-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.8125rem;font-weight:500;color:var(--text-primary)}.auth-form input{padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--bg-white);color:var(--text-primary)}.auth-form input:focus{outline:2px solid var(--focus-ring);border-color:var(--primary)}.auth-blurb{margin:0;padding:.65rem .75rem;border-radius:8px;background:var(--bg-muted);font-size:.75rem;color:var(--text-secondary)}.auth-footnote{margin:1rem 0 0;text-align:center;font-size:.75rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;border-radius:8px;border:1px solid transparent;font-size:.875rem;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--bg-white);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.btn-secondary:hover:not(:disabled){background:var(--primary-soft)}.btn-block{width:100%}.banner{padding:.55rem .75rem;border-radius:8px;font-size:.8125rem}.banner.error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.project-page{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-base);overflow:hidden}.project-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem 1.1rem;background:var(--bg-white);border-bottom:1px solid var(--border);flex-shrink:0;z-index:20}.project-workspace{flex:1;min-height:0;display:flex;overflow:hidden}.project-workspace-panel{min-width:0;min-height:0;overflow:hidden}.project-workspace-panel-left{flex:0 0 auto;max-width:calc(100% - 285px);display:flex;flex-direction:column}.project-workspace-panel-right{flex:1 1 auto;min-width:280px;display:flex;flex-direction:column}.project-workspace-splitter{flex:0 0 5px;position:relative;z-index:6;cursor:col-resize;touch-action:none;background:var(--border);transition:background .15s ease}.project-workspace-splitter:after{content:"";position:absolute;top:0;bottom:0;left:-5px;right:-5px}.project-workspace-splitter:hover,.project-workspace-splitter:focus-visible{background:color-mix(in srgb,var(--primary) 35%,var(--border));outline:none}body.project-split-dragging{cursor:col-resize!important;-webkit-user-select:none;user-select:none}body.project-split-dragging *{cursor:col-resize!important}.project-chat-column{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.project-body-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.chat-scroll-bottom-btn{position:absolute;left:50%;bottom:.85rem;z-index:10;pointer-events:auto;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--bg-white);color:var(--text-secondary);box-shadow:0 4px 14px #0f172a1f;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.chat-scroll-bottom-btn:hover{background:var(--bg-muted);color:var(--text-primary);box-shadow:0 6px 18px #0f172a29}.chat-scroll-bottom-btn:active{transform:translate(-50%) scale(.96)}.project-canvas{flex:1;min-width:0;min-height:0;background:var(--bg-canvas);display:flex;flex-direction:column;overflow:hidden}.project-canvas.dot-grid{background-color:var(--bg-canvas);background-image:radial-gradient(circle,var(--bg-canvas-grid-dot) 1px,transparent 1px);background-size:18px 18px}.project-canvas-interactive{background-color:var(--bg-canvas-alt)}.project-canvas-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .65rem;border-bottom:1px solid var(--border);background:var(--bg-white);font-size:.6875rem;color:var(--text-muted)}.project-canvas-toolbar-label{flex:1;min-width:0}.project-canvas-toolbar-close,.project-canvas-hint-close{flex-shrink:0;width:1.35rem;height:1.35rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer;opacity:.65}.project-canvas-toolbar-close:hover,.project-canvas-hint-close:hover{opacity:1;background:var(--bg-muted);color:var(--text-primary)}.project-canvas-hint-dismissible{display:inline-flex;align-items:center;gap:.35rem;max-width:100%}.project-canvas-toolbar-actions{display:flex;gap:.25rem}.project-canvas-tool-btn{width:1.75rem;height:1.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-white);cursor:pointer;font-size:1rem;line-height:1}.project-canvas-viewport{flex:1;min-height:0;overflow:hidden;cursor:grab;touch-action:none;position:relative;background-image:radial-gradient(circle,var(--bg-canvas-grid-dot) 1px,transparent 1px);background-size:24px 24px}.project-canvas-viewport:active{cursor:grabbing}.project-canvas-world{position:absolute;left:0;top:0;will-change:transform}.project-canvas-item{position:absolute;cursor:move;border-radius:10px;box-shadow:var(--shadow-md);background:#fff;padding:4px;border:2px solid transparent;-webkit-user-select:none;user-select:none}.project-canvas-item-selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);z-index:2}.project-canvas-resize-handle{position:absolute;z-index:3;touch-action:none;box-sizing:border-box;background:var(--bg-white);border:2px solid var(--primary);border-radius:2px}.project-canvas-resize-handle-nw,.project-canvas-resize-handle-ne,.project-canvas-resize-handle-se,.project-canvas-resize-handle-sw{width:10px;height:10px}.project-canvas-resize-handle-nw{top:-6px;left:-6px;cursor:nwse-resize}.project-canvas-resize-handle-ne{top:-6px;right:-6px;cursor:nesw-resize}.project-canvas-resize-handle-se{bottom:-6px;right:-6px;cursor:nwse-resize}.project-canvas-resize-handle-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.project-canvas-resize-handle-n,.project-canvas-resize-handle-s{left:50%;width:32px;height:8px;transform:translate(-50%);cursor:ns-resize}.project-canvas-resize-handle-n{top:-5px}.project-canvas-resize-handle-s{bottom:-5px}.project-canvas-resize-handle-e,.project-canvas-resize-handle-w{top:50%;width:8px;height:32px;transform:translateY(-50%);cursor:ew-resize}.project-canvas-resize-handle-e{right:-5px}.project-canvas-resize-handle-w{left:-5px}.project-canvas-item-img{display:block;width:100%;height:auto;border-radius:6px;pointer-events:none}.project-canvas-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);font-size:.875rem;padding:2rem 1rem}.project-canvas-hint{font-size:.75rem;opacity:.75;margin-top:.35rem}.project-canvas-empty-icon{display:block;font-size:2rem;margin-bottom:.5rem;opacity:.45}@media(max-width:960px){.project-workspace{flex-direction:column}.project-workspace-panel-left{flex:1 1 auto!important;flex-basis:auto!important;max-width:none}.project-workspace-splitter{display:none}.project-workspace-panel-right{flex:0 0 34vh;min-height:200px;min-width:0}.project-canvas{border-top:1px solid var(--border)}}.project-header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.project-header-logo{flex-shrink:0;line-height:0;border-radius:8px}.project-header-logo:hover{opacity:.85}.project-header-credits{font-size:.75rem;color:var(--text-muted);flex-shrink:0;text-decoration:none;border-radius:8px;padding:.25rem .45rem;transition:background .15s,color .15s}.project-header-credits:hover{background:var(--bg-muted);color:var(--text-primary);text-decoration:none}.project-header-credits-low{color:var(--color-danger, #c0392b);background:color-mix(in srgb,var(--color-danger, #c0392b) 8%,transparent)}.project-credits-hint{margin:0 0 .5rem;font-size:.8125rem;color:var(--color-danger, #c0392b)}.project-credits-hint a{margin-left:.35rem}.project-body{flex:1;min-height:0;overflow-y:auto;padding:1.75rem .45rem .5rem 1.25rem;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:transparent transparent}.project-body:hover,.project-body:focus-within{scrollbar-color:color-mix(in srgb,var(--text-muted) 28%,transparent) transparent}.project-body::-webkit-scrollbar{width:5px}.project-body::-webkit-scrollbar-track{background:transparent;margin:4px 0}.project-body::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;border:1px solid transparent;background-clip:padding-box}.project-body:hover::-webkit-scrollbar-thumb,.project-body:focus-within::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 22%,transparent)}.project-body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-muted) 38%,transparent)}.project-body .chat-thread{flex:0 0 auto;max-height:none;margin-top:0;border:none;box-shadow:none;background:transparent;padding:0 .65rem 1rem 0;display:flex;flex-direction:column;gap:1rem;align-items:stretch}.project-body .msg{display:flex;flex-direction:column;margin-bottom:0;max-width:min(88%,680px)}.project-body .msg-user{align-self:flex-end;align-items:flex-end;margin-right:.15rem}.project-body .msg-assistant,.project-body .msg-system{align-self:flex-start;align-items:flex-start;text-align:left}.project-body .msg-user .msg-body{background:var(--primary);color:var(--primary-foreground);border-radius:14px 14px 4px;padding:.65rem .9rem;text-align:left}.project-body .msg-user .msg-image-link{margin-left:0;margin-bottom:.35rem}.project-body .msg-assistant .msg-body,.project-body .msg-system .msg-body{background:var(--bg-assistant-bubble);border:1px solid var(--border);border-radius:14px 14px 14px 4px;padding:.65rem .9rem}.msg-markdown{font-size:.875rem;line-height:1.55;word-break:break-word}.msg-markdown .msg-md-p{margin:0 0 .5rem}.msg-markdown .msg-md-p:last-child{margin-bottom:0}.msg-markdown .msg-md-strong{font-weight:600}.msg-markdown .msg-md-h{margin:.65rem 0 .35rem;font-size:.875rem;font-weight:600}.msg-markdown .msg-md-ul,.msg-markdown .msg-md-ol{margin:.35rem 0 .5rem;padding-left:1.25rem}.msg-markdown .msg-md-li{margin:.15rem 0}.msg-markdown .msg-md-a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.msg-markdown .msg-image-link{display:block;margin:.5rem 0;line-height:0}.msg-markdown .msg-image-inline{max-width:min(100%,360px);max-height:360px;border-radius:8px;border:1px solid var(--border)}.project-body .msg-user .msg-typing,.project-body .msg-assistant .msg-typing{font-size:.8rem;color:var(--text-muted);font-style:italic}.project-body .msg-user .msg-typing{color:#ffffffc7}.project-body .msg-assistant .msg-typing{padding:.35rem 0}.project-body .msg-assistant .agent-waiting{margin:.35rem 0 0;padding:.5rem .75rem;font-size:.8125rem;color:var(--text-muted);font-style:normal;display:inline-flex;align-items:center;gap:.15rem;background:var(--bg-white);border:1px solid var(--border);border-radius:10px}.agent-waiting-text{white-space:nowrap}.agent-waiting-dots{display:inline-flex;align-items:flex-end;gap:2px;height:1em;margin-left:1px}.agent-waiting-dot{width:4px;height:4px;border-radius:50%;background:var(--text-muted);opacity:.35;animation:agent-waiting-bounce 1.2s ease-in-out infinite}.agent-waiting-dot:nth-child(2){animation-delay:.15s}.agent-waiting-dot:nth-child(3){animation-delay:.3s}@keyframes agent-waiting-bounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-3px);opacity:.95}}.project-loading{color:var(--text-muted);font-size:.875rem;margin:2rem auto}.project-error{margin:0 1.25rem .5rem}.project-composer{flex-shrink:0;padding:0 1.25rem 1rem;background:var(--bg-base);overflow:visible}.project-composer .prompt-box{box-shadow:var(--shadow-md)}.prompt-box-compact .prompt-textarea{min-height:64px;padding:.75rem 1rem .3rem;font-size:.9rem}.prompt-box-compact .prompt-toolbar{padding:.35rem .75rem .6rem}.project-cover-stage{flex-shrink:0;max-height:min(36vh,360px);background:var(--bg-muted);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-cover-stage-has-img{background:var(--bg-muted)}.project-cover-img{width:100%;height:100%;max-height:min(42vh,420px);object-fit:contain;display:block}.projects-hub-page{min-height:100%;display:flex;flex-direction:column;align-items:stretch;padding:0 1.5rem 1.25rem}.projects-hub-prompt-zone{width:min(760px,100%);margin:0 auto;padding-top:clamp(3rem,8vh,5rem);display:flex;flex-direction:column;align-items:center}.projects-hub-recent-zone{width:min(1200px,100%);margin:3rem auto 0;padding:0 .5rem}.projects-hub-inner{width:min(920px,100%);display:flex;flex-direction:column;align-items:center}.projects-hub-greeting{margin:0 0 1.5rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;color:var(--text-primary);text-align:center;letter-spacing:-.02em}.projects-hub-prompt-wrap{width:100%;margin-bottom:1rem}.projects-hub-auth-hint{margin:2rem 0 0;font-size:.875rem;color:var(--text-muted);text-align:center}.projects-hub-auth-link{border:none;background:none;padding:0;color:var(--primary);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}.recent-projects{width:100%}.recent-projects-error{margin-bottom:.75rem}.recent-projects-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.recent-projects-title{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary)}.recent-projects-all{font-size:.8rem;color:var(--text-muted)}.recent-projects-empty{margin:0;font-size:.875rem;color:var(--text-muted)}.recent-projects-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem;align-content:flex-start;padding-bottom:0}.project-card{width:100%;min-width:0;border:none;background:transparent;padding:0;text-align:left;display:flex;flex-direction:column;gap:.45rem}.project-card-new{cursor:pointer}.project-card-new:disabled{opacity:.55;cursor:not-allowed}.project-card-open{border:none;background:transparent;padding:0;cursor:pointer;text-align:left;width:100%}.project-card-footer{display:flex;align-items:flex-start;gap:.15rem;min-width:0}.project-card-meta-btn{flex:1;min-width:0;border:none;background:transparent;padding:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.15rem}.project-card-meta-btn:hover .project-card-name{color:var(--primary)}.project-card-thumb{width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--bg-white);display:flex;align-items:center;justify-content:center}.project-card-new .project-card-thumb{border:2px dashed var(--border)}.project-card-new:hover .project-card-thumb{border-color:var(--primary);color:var(--primary)}.project-card-thumb-empty{background:var(--bg-white)}.project-card-cover{width:100%;height:100%;object-fit:cover;display:block}.project-card-plus{font-size:2rem;line-height:1;color:var(--text-muted);font-weight:300}.project-card-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.project-card-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-time{font-size:.65rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card:hover .project-card-thumb{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.project-more-menu{position:relative;flex-shrink:0}.project-more-trigger{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;padding:0}.project-more-trigger:hover,.project-more-trigger[aria-expanded=true]{background:var(--bg-muted);color:var(--text-primary)}.project-more-dropdown{position:absolute;right:0;min-width:7.5rem;background:var(--bg-white);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:.35rem;z-index:60}.project-more-dropdown-up{bottom:calc(100% + .25rem)}.project-more-dropdown-down{top:calc(100% + .25rem)}.project-more-item{display:block;width:100%;border:none;border-radius:8px;background:transparent;padding:.45rem .65rem;font-size:.8125rem;color:var(--text-primary);text-align:left;cursor:pointer}.project-more-item:hover{background:var(--bg-muted)}.project-more-item-danger{color:var(--error-text)}.project-more-item-danger:hover{background:#ef444414}.project-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.project-dialog{width:min(400px,100%);background:var(--bg-white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:1.25rem 1.35rem 1.1rem}.project-dialog-title{margin:0 0 .85rem;font-size:1rem;font-weight:700;color:var(--text-primary)}.project-dialog-input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;font:inherit;font-size:.875rem;margin-bottom:1rem}.project-dialog-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.project-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}.project-dialog-btn{border:1px solid var(--border);border-radius:10px;background:var(--bg-white);padding:.45rem .85rem;font-size:.8125rem;font-weight:600;cursor:pointer;color:var(--text-primary)}.project-dialog-btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.project-dialog-btn:disabled,.project-dialog-btn-primary:disabled{opacity:.6;cursor:not-allowed}.project-delete-dialog-wrap{position:relative;width:min(360px,100%)}.project-delete-dialog{position:relative;width:100%;background:var(--bg-white);border-radius:20px;box-shadow:var(--shadow-lg);padding:1.75rem 1.5rem 1.35rem}.project-delete-dialog-close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border:none;border-radius:10px;background:var(--bg-muted);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,color .15s}.project-delete-dialog-close:hover:not(:disabled){background:var(--border);color:var(--text-primary)}.project-delete-dialog-close:disabled{opacity:.5;cursor:not-allowed}.project-delete-dialog-title{margin:0 2rem .65rem 0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.project-delete-dialog-desc{margin:0 0 1.75rem;font-size:.875rem;color:var(--text-muted);line-height:1.5}.project-delete-dialog-actions{display:flex;justify-content:center;gap:.75rem}.project-delete-dialog-btn{min-width:5.5rem;border-radius:999px;padding:.55rem 1.35rem;font-size:.875rem;font-weight:600;cursor:pointer}.project-delete-dialog-btn-cancel{border:1px solid var(--border);background:var(--bg-white);color:var(--text-primary)}.project-delete-dialog-btn-cancel:hover:not(:disabled){background:var(--bg-muted)}.project-delete-dialog-btn-danger{border:none;background:var(--brand-ink);color:#fff}.project-delete-dialog-btn-danger:hover:not(:disabled){background:var(--brand-ink-hover)}.project-delete-dialog-btn:disabled{opacity:.55;cursor:not-allowed}.project-switcher{position:relative;min-width:0}.project-switcher-bar{display:inline-flex;align-items:center;gap:.15rem;max-width:min(480px,60vw)}.project-switcher-header-more .project-more-trigger{width:1.85rem;height:1.85rem}.project-switcher-trigger{display:inline-flex;align-items:center;gap:.4rem;max-width:min(480px,62vw);border:none;background:transparent;padding:.3rem .45rem;cursor:pointer;color:var(--text-primary);font:inherit;font-size:1.05rem;font-weight:700}.project-switcher-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switcher-caret{font-size:.65rem;color:var(--text-muted);flex-shrink:0}.project-switcher-menu{position:absolute;top:calc(100% + .35rem);left:0;width:min(300px,calc(100vw - 96px));background:var(--bg-white);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:.75rem;z-index:50}.project-switcher-current-actions{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem .75rem;border-bottom:1px solid var(--border)}.project-switcher-action{width:100%;text-align:left;padding:.5rem .65rem;border:none;border-radius:8px;background:transparent;font-size:.8125rem;color:var(--text-primary);cursor:pointer}.project-switcher-action:hover{background:var(--primary-soft)}.project-switcher-action-danger{color:#dc2626}.project-switcher-action-danger:hover{background:#fef2f2}.project-switcher-new{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--bg-white);padding:.65rem .85rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);cursor:pointer;text-align:left;margin-bottom:.65rem}.project-switcher-new:hover{background:var(--bg-muted)}.project-switcher-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.15rem .25rem .45rem;font-size:.8125rem;color:var(--text-muted)}.project-switcher-search-wrap{flex:1;max-width:140px}.project-switcher-search{width:100%;border:1px solid var(--border);border-radius:8px;padding:.35rem .5rem;font-size:.8125rem;background:var(--bg-muted)}.project-switcher-list{max-height:min(440px,52vh);min-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem}.project-switcher-item-row{display:flex;align-items:center;gap:.15rem;border-radius:10px}.project-switcher-item-row:hover{background:var(--bg-muted)}.project-switcher-item-row-active{background:var(--primary-soft)}.project-switcher-item-row-active .project-switcher-item:hover{background:transparent}.project-switcher-more .project-more-trigger{margin-right:.15rem}.project-switcher-item{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0;border:none;border-radius:10px;background:transparent;padding:.55rem .35rem .55rem .6rem;cursor:pointer;text-align:left;font:inherit;font-size:.875rem;color:var(--text-primary)}.project-switcher-item:hover{background:transparent}.project-switcher-item-row-active .project-switcher-item{color:var(--primary)}.project-switcher-item-icon{width:1.25rem;height:1.25rem;border-radius:6px;background:var(--bg-muted);border:1px solid var(--border);flex-shrink:0}.project-switcher-item-row-active .project-switcher-item-icon{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 25%,var(--border))}.project-switcher-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.project-switcher-empty,.project-switcher-foot{margin:0;padding:.5rem .6rem;font-size:.75rem;color:var(--text-muted);text-align:center}.project-switcher-error{color:var(--error-text)}.project-switcher-current-actions{margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--border)}.project-switcher-current-label{display:block;padding:0 .25rem .4rem;font-size:.7rem;color:var(--text-muted)}.project-switcher-current-btns{display:flex;gap:.45rem}.project-switcher-action-btn{flex:1;border:1px solid var(--border);border-radius:10px;background:var(--bg-white);padding:.45rem .65rem;font-size:.8125rem;font-weight:600;color:var(--text-primary);cursor:pointer}.project-switcher-action-btn:hover{background:var(--bg-muted)}.project-switcher-action-danger{color:var(--error-text);border-color:#ef444459}.project-switcher-action-danger:hover{background:#ef444414}.projects-index{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem}.projects-index-card{max-width:420px;width:100%;background:var(--bg-white);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md);text-align:center}.projects-index-card h1{margin:0 0 .5rem;font-size:1.35rem}.projects-index-lead{margin:0 0 1.25rem;color:var(--text-secondary);font-size:.875rem}.projects-index-msg{color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-high-shells-confirm{margin-bottom:.65rem;padding:.75rem .85rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--primary-soft);font-size:.8125rem;line-height:1.45}.image-high-shells-confirm-body{margin:0 0 .45rem;color:var(--text-primary)}.image-high-shells-confirm-dismiss{display:flex;align-items:center;gap:.4rem;margin:0 0 .65rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer}.image-high-shells-confirm-title{margin:0 0 .35rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.image-high-shells-confirm-actions{display:flex;flex-wrap:wrap;gap:.45rem}.image-high-shells-confirm-actions .btn{padding:.4rem .65rem;font-size:.8125rem}.project-image-billing-hint{margin:0 0 .65rem;padding:.55rem .75rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--warning, #d97706) 35%,var(--border));background:color-mix(in srgb,var(--warning, #d97706) 8%,var(--bg-white));font-size:.8125rem;line-height:1.45;color:var(--text-primary)}.project-image-billing-hint a{margin-left:.25rem}.about-page{min-height:100%;background:var(--bg-white)}.about-container{max-width:80rem;margin-inline:auto;padding-inline:1.5rem}.about-section{border-top:1px solid var(--border-subtle);padding-block:5rem}.about-section-muted{background:color-mix(in srgb,var(--bg-muted) 35%,var(--bg-white))}.about-bg-grid{background-image:linear-gradient(rgba(43,41,51,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(43,41,51,.06) 1px,transparent 1px);background-size:48px 48px}.about-text-gradient-warm{background:linear-gradient(135deg,var(--brand-gold),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}.about-hero{position:relative;overflow:hidden}.about-hero-glow{pointer-events:none;position:absolute;border-radius:999px;filter:blur(140px)}.about-hero-glow-brand{top:-10rem;right:33%;width:31.25rem;height:31.25rem;background:#ef68204d}.about-hero-glow-gold{top:5rem;left:-5rem;width:25rem;height:25rem;background:#e8b84a33;filter:blur(120px)}.about-hero-inner{position:relative;max-width:80rem;margin-inline:auto;padding:5rem 1.5rem;display:grid;gap:3rem;align-items:center}.about-hero-copy{display:flex;flex-direction:column;justify-content:center}.about-hero-badge{display:inline-flex;width:fit-content;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:999px;border:1px solid rgba(239,104,32,.4);background:var(--primary-soft);color:var(--primary);font-size:.75rem;font-weight:500}.about-hero-badge-dot{width:.375rem;height:.375rem;border-radius:999px;background:var(--primary);animation:about-pulse 2s ease-in-out infinite}@keyframes about-pulse{0%,to{opacity:1}50%{opacity:.45}}.about-hero-title{margin:1.5rem 0 0;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--text-primary)}.about-hero-lead{margin:1.5rem 0 0;max-width:32rem;font-size:1.125rem;line-height:1.6;color:var(--text-secondary)}.about-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.about-btn{display:inline-flex;align-items:center;justify-content:center;height:3rem;padding-inline:1.75rem;border-radius:999px;border:1px solid transparent;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,opacity .15s}.about-btn-primary{background:var(--primary);color:var(--primary-foreground)}.about-btn-primary:hover{opacity:.92;transform:scale(1.02)}.about-btn-glow{box-shadow:var(--shadow-brand)}.about-btn-secondary{background:color-mix(in srgb,var(--bg-muted) 60%,transparent);border-color:var(--border);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-btn-secondary:hover{background:var(--bg-muted)}.about-btn-outline{background:var(--bg-white);border-color:var(--border);color:var(--text-primary)}.about-btn-outline:hover{background:var(--bg-muted)}.about-hero-stats{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin-top:2.5rem;font-size:.875rem;color:var(--text-secondary)}.about-stat-value{font-size:1.875rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.about-stat-label{margin-top:.15rem}.about-stat-divider{width:1px;height:2rem;background:var(--border)}.about-hero-card-wrap{position:relative;display:flex;align-items:center;justify-content:center}.about-hero-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3rem;background:linear-gradient(135deg,rgba(239,104,32,.2),transparent 55%,rgba(232,184,74,.1));filter:blur(32px)}.about-hero-card{position:relative;width:100%;max-width:28rem;padding:1.5rem;border-radius:1.5rem;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-white) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.about-hero-card-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.about-hero-card-online{width:.5rem;height:.5rem;border-radius:999px;background:#4ade80}.about-hero-card-head{display:flex;align-items:center;gap:1rem;margin-top:1rem}.about-hero-logo-wrap{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:6rem;min-height:6rem}.about-hero-logo-glow{position:absolute;left:50%;top:50%;width:5.5rem;height:5.5rem;margin-left:-2.75rem;margin-top:-2.75rem;border-radius:999px;background:#ef682061;filter:blur(22px);pointer-events:none}.about-hero-logo{position:relative;z-index:1;display:block;width:auto;max-width:6.5rem;height:6rem;object-fit:contain;background:transparent;border:none;box-shadow:none;filter:drop-shadow(0 10px 28px rgba(239,104,32,.18))}.about-hero-card-name{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.about-hero-card-role{margin-top:.15rem;font-size:.875rem;color:var(--text-secondary)}.about-hero-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.about-tag-pill{padding:.25rem .75rem;border-radius:999px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-white) 60%,transparent);font-size:.75rem;color:var(--text-secondary)}.about-hero-card-chat{margin-top:1.5rem;padding:1rem;border-radius:1rem;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-white) 60%,transparent);font-size:.875rem;line-height:1.5}.about-hero-chat-muted{color:var(--text-secondary)}.about-hero-chat-brand{margin-top:.75rem;color:var(--primary);font-weight:500}.about-float-chip{position:absolute;padding:.5rem 1rem;border-radius:1rem;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-float-chip-gold{top:-1rem;right:-1rem;transform:rotate(6deg);border:1px solid rgba(232,184,74,.4);background:#e8b84a1a;color:#b8860b}.about-float-chip-brand{left:-1rem;bottom:2.5rem;transform:rotate(-6deg);border:1px solid rgba(239,104,32,.4);background:var(--primary-soft);color:var(--primary)}.about-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.about-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.about-eyebrow-brand{color:var(--primary)}.about-eyebrow-gold{color:#b8860b}.about-section-title{margin:.5rem 0 0;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.about-section-lead{margin:1rem 0 0;max-width:42rem;color:var(--text-secondary);line-height:1.6}.about-link-btn{border:none;background:none;padding:0;font-size:.875rem;color:var(--text-secondary);cursor:pointer;text-decoration:none}.about-link-btn:hover{color:var(--text-primary)}.about-br-mobile{display:inline}.about-link-btn-desktop{display:none}.about-scene-grid{display:grid;gap:1rem;margin-top:3rem}.about-scene-card{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid var(--border);background:var(--bg-muted);transition:transform .2s,border-color .2s}.about-scene-card:hover{transform:translateY(-4px);border-color:#ef682073}.about-scene-media{position:relative;aspect-ratio:4 / 3;overflow:hidden}.about-scene-media-square{aspect-ratio:1 / 1}.about-scene-img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.about-scene-card:hover .about-scene-img{transform:scale(1.08)}.about-scene-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-white),rgba(255,255,255,.4),transparent)}.about-scene-caption{position:absolute;inset-inline:0;bottom:0;padding:1.25rem}.about-scene-en{font-size:.75rem;color:var(--text-secondary)}.about-scene-name{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.about-scene-name-lg{font-size:1.875rem}.about-scene-size{margin-top:.25rem;font-size:.75rem;color:#ef6820e6}.about-workflow-grid{display:grid;gap:1px;margin-top:3rem;overflow:hidden;border-radius:1.5rem;border:1px solid var(--border);background:var(--border)}.about-workflow-cell{background:var(--bg-muted);padding:2rem}.about-workflow-step{font-size:3rem;font-weight:700;color:#ef6820cc;letter-spacing:-.03em}.about-workflow-title{margin-top:1rem;font-size:1.25rem;font-weight:700}.about-workflow-desc{margin:.5rem 0 0;font-size:.875rem;color:var(--text-secondary);line-height:1.55}.about-audience-layout{display:grid;gap:3rem}.about-audience-grid{display:grid;gap:.75rem}.about-audience-card{padding:1.25rem;border-radius:1rem;border:1px solid var(--border);background:var(--bg-muted)}.about-audience-tag{font-size:1.125rem;font-weight:700;color:var(--primary)}.about-audience-desc{margin:.5rem 0 0;font-size:.875rem;color:var(--text-secondary);line-height:1.55}.about-cta{padding-block:6rem}.about-cta-inner{max-width:64rem;text-align:center}.about-cta-title{margin:0;font-size:clamp(2rem,5vw,3.75rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.about-cta-lead{margin:1.5rem 0 0;font-size:1.125rem;color:var(--text-secondary)}.about-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}@media(min-width:640px){.about-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.about-br-mobile{display:none}.about-link-btn-desktop{display:inline}.about-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-scene-card-featured{grid-column:span 2;grid-row:span 2}.about-workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.about-hero-inner{grid-template-columns:1fr 1fr;padding-block:7rem}.about-audience-layout{grid-template-columns:1fr 1fr;align-items:start}.about-scene-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.about-section{padding-block:3.5rem}.about-hero-inner{padding-block:3rem}.about-float-chip{display:none}}.plans-page{min-height:100%;padding:2rem 2rem 4rem;max-width:1200px;margin:0 auto}.plans-page-header{margin-bottom:1.25rem}.plans-page-header h1{margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,1.85rem);font-weight:700;color:var(--text-primary)}.plans-page-header p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.plans-test-banner{display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem;margin-bottom:1.25rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--primary-soft);font-size:.8125rem;color:var(--text-secondary);line-height:1.55}.plans-test-banner strong{color:var(--primary);font-size:.875rem}.plans-error{margin:0 0 1rem;padding:.65rem .85rem;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.8125rem}.plans-loading,.plans-empty{margin:0;font-size:.875rem;color:var(--text-muted)}.plans-balance-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.35rem;margin-bottom:1.25rem;background:var(--bg-white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.plans-balance-details-link{margin-left:auto;flex-shrink:0;font-size:.8125rem;font-weight:600;color:var(--primary);text-decoration:none;padding:.4rem .75rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);background:var(--primary-soft);transition:background .15s,color .15s}.plans-balance-details-link:hover{background:color-mix(in srgb,var(--primary) 18%,var(--bg-white));text-decoration:none}.plans-balance-icon{width:3rem;height:3rem;border-radius:12px;background:var(--primary-soft);display:grid;place-items:center;flex-shrink:0}.plans-balance-shell{width:1.5rem;height:1.5rem;color:var(--primary)}.plans-balance-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.plans-balance-label{font-size:.75rem;color:var(--text-muted)}.plans-balance-val{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.plans-balance-unit{margin-left:.25rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.plans-balance-equiv{font-size:.75rem;color:var(--text-muted)}.plans-balance-plan{font-size:.75rem;color:var(--text-secondary);margin-top:.15rem}.plans-signin-panel{padding:1.5rem;margin-bottom:1.5rem;background:var(--bg-white);border:1px solid var(--border);border-radius:16px;text-align:center}.plans-signin-panel p{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary)}.plans-view-toggle{display:inline-flex;padding:.25rem;margin-bottom:1.25rem;border-radius:999px;background:var(--bg-muted);border:1px solid var(--border)}.plans-view-toggle-btn{border:none;background:transparent;padding:.45rem 1.15rem;border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.plans-view-toggle-btn.is-active{background:var(--bg-white);color:var(--text-primary);box-shadow:var(--shadow-sm)}.plans-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.plans-tier-card{position:relative;display:flex;flex-direction:column;gap:.65rem;padding:1.35rem 1.25rem 1.25rem;background:var(--bg-white);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .15s,box-shadow .15s}.plans-tier-card.is-selected{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent),0 8px 28px color-mix(in srgb,var(--primary) 12%,transparent)}.plans-tier-badge{position:absolute;top:-.55rem;left:50%;transform:translate(-50%);padding:.2rem .65rem;border-radius:999px;font-size:.6875rem;font-weight:700;color:#fff;background:var(--primary);white-space:nowrap}.plans-tier-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.plans-tier-subtitle{margin:0;font-size:.8125rem;color:var(--text-muted);line-height:1.45}.plans-tier-pricing{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.plans-tier-pricing-single{grid-template-columns:1fr}.plans-tier-price-box{display:flex;flex-direction:column;gap:.2rem;width:100%;padding:.75rem .85rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-muted);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.plans-tier-price-box.is-selected{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:var(--primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 15%,transparent)}.plans-tier-price-label{font-size:.6875rem;font-weight:600;color:var(--text-muted)}.plans-tier-price-val{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.2}.plans-tier-price-val small{font-size:.75rem;font-weight:500;color:var(--text-muted)}.plans-tier-price-hint{font-size:.6875rem;color:var(--text-secondary)}.plans-tier-features{margin:.25rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem;flex:1}.plans-tier-features li{position:relative;padding-left:1.15rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.45}.plans-tier-features li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:.75rem}.plans-tier-shells{margin:0;font-size:.75rem;font-weight:600;color:var(--primary)}.plans-tier-btn{width:100%;justify-content:center;margin-top:.25rem}.plans-pay-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172a6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.plans-pay-dialog{width:min(100%,360px);padding:1.5rem 1.35rem 1.25rem;text-align:center;background:var(--bg-white);border:1px solid #a7f3d0;border-radius:16px;box-shadow:var(--shadow-md, 0 12px 32px rgb(0 0 0 / 12%))}.plans-pay-dialog-error{border-color:#fecaca}.plans-pay-dialog h2{margin:0 0 .65rem;font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.plans-pay-dialog-error h2{color:#991b1b}.plans-pay-dialog p{margin:0 0 1.15rem;font-size:.875rem;color:var(--text-secondary);line-height:1.55}.plans-pay-dialog-btn{width:100%;justify-content:center}.plans-shell-section,.plans-shell-wrap{position:relative}.plans-shell-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.plans-shell-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:1.5rem;border-radius:16px;background:color-mix(in srgb,var(--bg-white) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.plans-shell-gate-card{max-width:320px;padding:1.35rem 1.25rem;text-align:center;background:var(--bg-white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md, 0 8px 24px rgb(0 0 0 / 8%))}.plans-shell-gate-card h3{margin:0 0 .5rem;font-size:1rem;font-weight:700}.plans-shell-gate-card p{margin:0 0 1rem;font-size:.8125rem;color:var(--text-muted);line-height:1.5}.plans-shell-card{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 1.1rem;background:var(--bg-white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.plans-shell-bonus{align-self:flex-start;padding:.15rem .45rem;border-radius:999px;font-size:.625rem;font-weight:700;color:var(--primary);background:var(--primary-soft)}.plans-shell-card h3{margin:0;font-size:1rem;font-weight:700}.plans-shell-price{margin:0;font-size:1.35rem;font-weight:700}.plans-shell-amount{margin:0;font-size:.875rem;font-weight:600;color:var(--primary)}.plans-shell-note{margin:0;flex:1;font-size:.75rem;color:var(--text-muted)}.plans-shell-btn{margin-top:.5rem;width:100%;justify-content:center}.plans-details-page .plans-page-header{margin-bottom:1.5rem}.plans-details-back{display:inline-block;margin-bottom:.65rem;font-size:.8125rem;font-weight:600;color:var(--text-muted);text-decoration:none}.plans-details-back:hover{color:var(--primary)}.plans-section{margin-bottom:2rem}.plans-section-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.plans-section-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.plans-section-head .plans-section-title{margin-bottom:0}.plans-section-lead{margin:0 0 1rem;font-size:.8125rem;color:var(--text-muted);line-height:1.5}.plans-estimate-tag{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.65rem;font-weight:600;color:var(--primary);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.85rem}.plans-grid-wide{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.plans-card{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1rem;background:var(--bg-white);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.plans-card-sub{padding-top:1.35rem}.plans-card-badge{position:absolute;top:.65rem;right:.65rem;font-size:.625rem;font-weight:600;padding:.15rem .4rem;border-radius:999px;background:var(--bg-muted);color:var(--text-muted)}.plans-card h3{margin:0;font-size:.9375rem;font-weight:700;color:var(--text-primary)}.plans-card-price{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.plans-card-cycle{margin-left:.15rem;font-size:.75rem;font-weight:500;color:var(--text-muted)}.plans-card-shells{margin:0;font-size:.8125rem;font-weight:600;color:var(--primary)}.plans-card-note{margin:0;flex:1;font-size:.75rem;color:var(--text-muted);line-height:1.45}.plans-card-btn{margin-top:.5rem;width:100%;justify-content:center}.plans-card-soon{margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.plans-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg-white)}.plans-table{width:100%;border-collapse:collapse;font-size:.8125rem}.plans-table th,.plans-table td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.plans-table th{font-weight:600;color:var(--text-muted);background:var(--bg-muted);white-space:nowrap}.plans-table tbody tr:last-child td{border-bottom:none}.plans-delta-plus{color:#059669;font-weight:600}.plans-delta-minus{color:#dc2626;font-weight:600}.plans-back-link{display:inline-block;margin-top:.5rem;font-size:.875rem;font-weight:600;text-decoration:none}.plans-back-link:hover{text-decoration:underline}@media(max-width:768px){.plans-page{padding:1.25rem 1rem 3rem}.plans-balance-card{flex-wrap:wrap}.plans-balance-details-link{margin-left:0;width:100%;text-align:center}.plans-tier-grid{grid-template-columns:1fr}.plans-shell-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plans-tier-pricing{grid-template-columns:1fr}.plans-view-toggle{display:flex;width:100%}.plans-view-toggle-btn{flex:1;text-align:center}}@media(max-width:520px){.plans-shell-grid{grid-template-columns:1fr}}