:root{color-scheme:light;--font-sans: Inter, Geist, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: #f7f8fa;--surface: #ffffff;--surface-subtle: #fbfbfc;--surface-muted: #f2f3f6;--text: #171923;--text-soft: #424653;--muted: #858a98;--muted-strong: #666c7b;--border: #e9eaf0;--border-strong: #dfe1e8;--accent: #7058e8;--accent-strong: #6046dc;--accent-soft: #f0edff;--accent-border: #e1dcff;--green: #22966b;--green-soft: #eaf7f1;--shadow-sm: 0 1px 2px rgba(21, 24, 36, .035), 0 4px 14px rgba(21, 24, 36, .025);--shadow-dialog: 0 24px 80px rgba(15, 17, 30, .22);--sidebar-width: 252px;--radius-sm: 9px;--radius-md: 13px;--radius-lg: 18px;--transition: .16s ease}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1015;--surface: #151820;--surface-subtle: #191d26;--surface-muted: #202530;--text: #f0f1f5;--text-soft: #d0d3dc;--muted: #858c9d;--muted-strong: #a6acba;--border: #282d39;--border-strong: #363c49;--accent: #9b8aff;--accent-strong: #ad9fff;--accent-soft: #282342;--accent-border: #40366c;--green: #64c69e;--green-soft: #1b332c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .18), 0 4px 16px rgba(0, 0, 0, .12);--shadow-dialog: 0 24px 80px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{color:inherit}::selection{background:var(--accent-soft)}html,body{max-width:100%;overflow-x:clip}#root{min-height:100vh;max-width:100%;overflow-x:clip}.app-shell{min-height:100vh;max-width:100%;background:var(--bg);overflow-x:clip}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin .9s linear infinite}.sidebar{width:var(--sidebar-width);position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;padding:24px 16px 16px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:0 9px;font-size:17px;font-weight:720;letter-spacing:-.04em;color:var(--text)}.brand-mark{width:30px;height:28px;flex:0 0 auto;display:grid;place-items:center}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.brand-ai{color:var(--accent)}.sidebar__close{display:none!important;margin-left:auto}.workspace-switcher{width:100%;display:flex;align-items:center;gap:10px;margin:20px 0;padding:10px;text-align:left;border:1px solid var(--border);background:var(--surface-subtle);border-radius:11px;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.workspace-switcher:hover{border-color:var(--border-strong);background:var(--surface-muted)}.workspace-avatar,.user-avatar{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:13px;font-weight:700}.workspace-avatar{color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent-border)}.workspace-switcher__text{flex:1;display:grid;gap:2px;min-width:0}.workspace-switcher__text strong{font-size:13px;font-weight:650;color:var(--text)}.workspace-switcher__text small{color:var(--muted);font-size:11.5px}.workspace-switcher>svg{color:var(--muted)}.sidebar__section{display:grid;gap:3px;margin-bottom:18px}.sidebar__label{padding:0 10px 6px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar__label-row{display:flex;align-items:center;justify-content:space-between}.tiny-icon-button{display:inline-grid;place-items:center;width:28px;height:28px;color:var(--muted);border:0;border-radius:7px;background:transparent;cursor:pointer}.tiny-icon-button:hover{color:var(--text);background:var(--surface-muted)}.nav-link{position:relative;width:100%;min-height:35px;display:flex;align-items:center;gap:11px;padding:0 10px;text-align:left;color:var(--muted-strong);border:0;border-radius:8px;background:transparent;font-size:13.5px;font-weight:520;cursor:pointer;transition:background var(--transition),color var(--transition)}.nav-link:hover{color:var(--text);background:var(--surface-muted)}.nav-link.is-active{color:var(--accent-strong);background:var(--accent-soft);font-weight:650}.nav-link.is-active:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:0 3px 3px 0}.nav-count{margin-left:auto;color:var(--muted);font-size:12px}.sidebar__section--tools{gap:2px}.nav-link--tool{min-height:33px;padding-left:12px;font-size:13px}.nav-tool-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#9d8bf2}.dot-image,.dot-photo{background:#78a4e6}.dot-analyzer{background:#8f7ae8}.dot-video{background:#62b995}.dot-voice{background:#e3ae63}.sidebar__bottom{margin-top:auto}.plan-card-mini{padding:13px;margin-bottom:10px;background:linear-gradient(145deg,var(--accent-soft),var(--surface-subtle) 82%);border:1px solid var(--accent-border);border-radius:12px}.plan-card-mini__icon{width:26px;height:26px;display:grid;place-items:center;margin-bottom:7px;color:var(--accent-strong);background:var(--surface);border-radius:8px}.plan-card-mini strong{font-size:13px;font-weight:680;color:var(--text)}.plan-card-mini p{margin:4px 0 9px;color:var(--muted-strong);font-size:12px;line-height:1.45}.plan-card-mini>button{display:inline-flex;align-items:center;gap:5px;padding:0;color:var(--accent-strong);border:0;background:transparent;font-size:12px;font-weight:680;cursor:pointer}.sidebar-accounts{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:grid;gap:8px}.sidebar-user{display:flex;align-items:center;gap:9px;padding:2px 4px}.user-avatar{color:#fff;background:#6e819e;border-radius:50%}.sidebar-user__details{flex:1;display:grid;gap:2px;min-width:0}.sidebar-user__details strong{font-size:12.5px;font-weight:650;color:var(--text)}.sidebar-user__details small{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-puter-box{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:9px;font-size:11.5px}.sidebar-puter-box.is-connected{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 35%,var(--border))}.sidebar-puter-box__row{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-soft);font-weight:600}.sidebar-puter-box.is-connected .sidebar-puter-box__row svg{color:var(--green)}.sidebar-puter-box__row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-puter-action{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-size:11px;font-weight:640;cursor:pointer;flex:0 0 auto}.sidebar-puter-action.is-connect{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=dark] .sidebar-puter-action.is-connect{color:#0e1015;font-weight:700}.sidebar-puter-action:hover:not(:disabled){opacity:.9}.main-panel{min-height:100vh;min-width:0;max-width:100%;margin-left:var(--sidebar-width);overflow-x:clip}.topbar{position:sticky;top:0;z-index:20;height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.breadcrumb__link{padding:3px 6px;margin-left:-6px;color:var(--muted);background:transparent;border:0;border-radius:6px;font-size:13px;cursor:pointer}.breadcrumb__link:hover{color:var(--text);background:var(--surface-muted)}.breadcrumb strong{color:var(--text-soft);font-weight:640}.breadcrumb__slash{color:var(--border-strong)}.topbar__right{display:flex;align-items:center;gap:10px}.top-search{width:220px;height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:border-color var(--transition),box-shadow var(--transition)}.top-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.top-search input{width:100%;min-width:0;color:var(--text);outline:none;border:0;background:transparent;font-size:13px}.top-search input::placeholder{color:var(--muted)}.top-search kbd{display:flex;align-items:center;gap:2px;padding:3px 5px;color:var(--muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:4px;font-size:11px;white-space:nowrap}.topbar-puter-pill{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-soft);font-size:12px;font-weight:620;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.topbar-puter-pill:hover{background:var(--surface-muted);border-color:var(--border-strong)}.topbar-puter-pill.is-connected{border-color:color-mix(in srgb,var(--green) 40%,var(--border));background:var(--green-soft);color:var(--green)}.puter-dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.puter-dot.is-connected{background:var(--green)}.puter-dot.is-connecting{background:var(--accent)}.puter-dot.is-error,.puter-dot.is-cancelled{background:#d97706}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;color:var(--muted-strong);border:0;border-radius:8px;background:transparent;cursor:pointer;transition:color var(--transition),background var(--transition)}.icon-button:hover:not(:disabled){color:var(--text);background:var(--surface-muted)}.icon-button:disabled{opacity:.45;cursor:not-allowed}.topbar-icon{width:34px}.theme-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--surface-muted);border:1px solid var(--border);border-radius:10px}.theme-switch__button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:68px;height:28px;padding:0 10px;color:var(--muted-strong);background:transparent;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:620;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition)}.theme-switch__button:hover{color:var(--text)}.theme-switch__button.is-active{color:var(--text);background:var(--surface);border-color:var(--border);box-shadow:0 1px 2px #1416200f}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top-search input:focus-visible,.prompt-composer textarea:focus-visible,.workspace-composer textarea:focus-visible{outline:none}.topbar-upgrade{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;color:var(--bg);background:var(--text);border:1px solid transparent;border-radius:8px;font-size:12.5px;font-weight:650;cursor:pointer;transition:opacity var(--transition),transform var(--transition)}.topbar-upgrade:hover{opacity:.9;transform:translateY(-1px)}.mobile-menu-button{display:none}.page-content{width:100%;max-width:1320px;min-width:0;margin:0 auto;padding:34px 40px 32px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.eyebrow{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.welcome-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:14px}.status-dot{width:7px;height:7px;border-radius:50%;background:#56b98d;box-shadow:0 0 0 3px color-mix(in srgb,#56b98d 15%,transparent)}h1,h2,h3,p{margin-top:0}.welcome-row h1{margin:0;font-size:clamp(32px,4vw,46px);line-height:1.09;letter-spacing:-.05em;font-weight:680}.welcome-row h1 span{color:var(--accent)}.welcome-row p{max-width:520px;margin:13px 0 0;color:var(--muted-strong);font-size:15px;line-height:1.6}.mobile-break{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:38px;padding:0 15px;border-radius:8px;font-size:13px;font-weight:650;cursor:pointer;transition:transform var(--transition),background var(--transition),border-color var(--transition),opacity var(--transition)}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button--sm{min-height:32px;padding:0 11px;font-size:12px;border-radius:7px}.button--secondary{color:var(--text-soft);background:var(--surface);border:1px solid var(--border-strong)}.button--secondary:hover:not(:disabled){background:var(--surface-muted)}.button--primary{color:#fff;background:var(--accent);border:1px solid var(--accent)}.button--primary:hover:not(:disabled){background:var(--accent-strong)}:root[data-theme=dark] .button--primary{color:#0e1015;font-weight:700}.button--wide{width:100%}.content-narrow{max-width:100%}.home-workspace-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:16px;align-items:start}.home-workspace-grid__primary,.home-workspace-grid__secondary{display:grid;gap:14px;min-width:0}.home-workspace-grid .puter-auth-card,.home-workspace-grid .user-pays-notice,.home-workspace-grid .ad-slot{margin-top:0}@media(max-width:1080px){.home-workspace-grid{grid-template-columns:minmax(0,1fr)}}.prompt-composer{overflow:hidden;padding:16px 18px 14px;background:var(--surface);border:1px solid var(--border-strong);border-radius:15px;box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition)}.prompt-composer:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent),var(--shadow-sm)}.prompt-composer__top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.prompt-tabs{display:flex;align-items:center;gap:4px}.prompt-tabs button{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;color:var(--muted-strong);border:0;border-radius:7px;background:transparent;font-size:13px;font-weight:620;cursor:pointer}.prompt-tabs button.is-selected{color:var(--accent-strong);background:var(--accent-soft)}.composer-hint{color:var(--muted);font-size:12.5px}.prompt-composer textarea{display:block;width:100%;min-height:72px;resize:vertical;padding:14px 2px 10px;color:var(--text);outline:none;border:0;background:transparent;font-size:14.5px;line-height:1.6}.prompt-composer textarea::placeholder{color:var(--muted)}.prompt-composer__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.prompt-meta__spark{display:inline-grid;place-items:center;color:var(--accent)}.send-button{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:var(--accent);border:0;border-radius:9px;cursor:pointer;transition:opacity var(--transition),transform var(--transition)}:root[data-theme=dark] .send-button{color:#0e1015}.send-button:disabled{opacity:.38;cursor:not-allowed}.send-button:not(:disabled):hover{transform:translate(2px)}.puter-auth-card{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:14px 18px;min-width:0;max-width:100%;margin-top:16px;padding:16px 18px;background:var(--surface);border:1px solid var(--border-strong);border-radius:13px;box-shadow:var(--shadow-sm)}.puter-auth-card.is-connected{border-color:color-mix(in srgb,var(--green) 42%,var(--border-strong))}.puter-auth-card__main{display:grid;gap:8px;flex:1 1 260px;min-width:0;max-width:100%}.puter-auth-badge-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.puter-auth-status-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 9px;border-radius:6px;font-size:11.5px;font-weight:680;background:var(--surface-muted);color:var(--muted-strong)}.puter-auth-status-badge.status-connected{background:var(--green-soft);color:var(--green)}.puter-auth-status-badge.status-connecting{background:var(--accent-soft);color:var(--accent-strong)}.puter-auth-status-badge.status-cancelled{background:#d977061f;color:#d97706}:root[data-theme=dark] .puter-auth-status-badge.status-cancelled{color:#fbbf24}.puter-auth-status-badge.status-error{background:#dc4c4c1f;color:#dc4c4c}.session-scope-tag{font-size:11px;color:var(--muted);font-weight:560;max-width:100%;white-space:normal;word-break:break-word}.puter-auth-card__copy{display:grid;gap:4px;min-width:0;max-width:100%}.puter-auth-card__copy strong{font-size:14px;font-weight:670;color:var(--text);overflow-wrap:anywhere}.puter-auth-card__copy p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted-strong);overflow-wrap:anywhere}.puter-auth-error{display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:7px 10px;border-radius:8px;background:#dc4c4c1a;border:1px solid rgba(220,76,76,.28);color:#dc4c4c;font-size:12px;font-weight:560}.puter-auth-error.is-cancelled{background:#d977061a;border-color:#d9770647;color:#b45309}:root[data-theme=dark] .puter-auth-error{color:#ff8b8b}:root[data-theme=dark] .puter-auth-error.is-cancelled{color:#fbbf24}.puter-auth-card__actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:0 1 auto;min-width:0;max-width:100%}.identity-separation-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--surface-muted);border:1px solid var(--border);border-radius:7px;color:var(--text-soft);font-size:11.5px;font-weight:600;max-width:100%;white-space:normal;overflow-wrap:anywhere}.user-pays-notice{display:flex;align-items:flex-start;gap:13px;margin-top:14px;padding:15px 18px;background:var(--surface-subtle);border:1px solid var(--accent-border);border-radius:13px}.user-pays-notice__icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent-strong)}.user-pays-notice__content{display:grid;gap:7px;flex:1;min-width:0}.user-pays-notice__header{display:grid;gap:2px}.user-pays-notice__header strong{font-size:13.5px;font-weight:670;color:var(--text)}.user-pays-notice__copy{margin:0;color:var(--text-soft);font-size:13px;line-height:1.55}.user-pays-notice__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:6px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.user-pays-notice__link{display:inline-flex;align-items:center;gap:5px;color:var(--accent-strong);font-weight:640;text-decoration:none}.user-pays-notice__link:hover{text-decoration:underline}.ad-slot{position:relative;display:flex;align-items:center;gap:14px;min-height:76px;margin-top:16px;padding:13px 16px;color:var(--muted-strong);background:var(--surface-subtle);border:1px dashed var(--border-strong);border-radius:11px}.ad-slot__mark{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;color:var(--muted);background:var(--surface-muted);border-radius:9px}.ad-slot__copy{display:grid;gap:3px}.ad-slot__copy .eyebrow{font-size:10.5px}.ad-slot__copy strong{color:var(--text-soft);font-size:13px;font-weight:650}.ad-slot__copy>span:last-child{color:var(--muted);font-size:12px;line-height:1.45}.ad-slot__more{margin-left:auto}.tools-section{margin-top:48px;scroll-margin-top:86px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.section-heading h2{margin:6px 0 4px;font-size:22px;line-height:1.25;letter-spacing:-.035em;font-weight:680}.section-heading p{margin:0;color:var(--muted);font-size:14px}.text-button{display:inline-flex;align-items:center;gap:6px;padding:5px 0;color:var(--accent-strong);border:0;background:transparent;font-size:13px;font-weight:650;cursor:pointer}.text-button:hover{color:var(--text)}.category-row{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:18px 0 14px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;padding:7px 13px;color:var(--muted-strong);background:transparent;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:570;cursor:pointer;transition:all var(--transition)}.category-chip:hover{color:var(--text);background:var(--surface-muted)}.category-chip.is-selected{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent-border)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-card{position:relative;display:flex;align-items:flex-start;gap:13px;min-height:132px;padding:16px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.tool-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.tool-card__icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:10px}.tone-violet{color:#7259df;background:#f0edff}.tone-blue{color:#4d7fce;background:#edf4ff}.tone-peach{color:#bf805b;background:#fff1e9}.tone-green{color:#379875;background:#eaf7f1}.tone-amber{color:#b78336;background:#fff6e6}.tone-slate{color:#68778e;background:#eff2f7}:root[data-theme=dark] .tone-violet{color:#b7aaff;background:#302a50}:root[data-theme=dark] .tone-blue{color:#9fc1fb;background:#24364e}:root[data-theme=dark] .tone-peach{color:#edb797;background:#49352d}:root[data-theme=dark] .tone-green{color:#8ed5b7;background:#233e34}:root[data-theme=dark] .tone-amber{color:#e9c27f;background:#443722}:root[data-theme=dark] .tone-slate{color:#b0bdd2;background:#303744}.tool-card__body{min-width:0;flex:1}.tool-card__heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:1px 20px 6px 0}.tool-card h3{margin:0;font-size:14.5px;font-weight:680;letter-spacing:-.015em;color:var(--text)}.tool-card p{max-width:260px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.tool-tag{padding:3px 7px;color:var(--muted-strong);background:var(--surface-muted);border-radius:5px;font-size:11px;font-weight:650}.tool-status{padding:3px 7px;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:5px;font-size:10.5px;font-weight:620}.tool-card__arrow{position:absolute;top:14px;right:14px;color:var(--muted);opacity:0;transform:translate(-2px,2px);transition:all var(--transition)}.tool-card:hover .tool-card__arrow,.tool-card:focus-visible .tool-card__arrow{opacity:1;transform:translate(0)}.empty-state{display:grid;justify-items:center;gap:8px;padding:42px 16px;color:var(--muted);border:1px dashed var(--border-strong);border-radius:12px}.empty-state strong{color:var(--text-soft);font-size:15px}.empty-state span{font-size:13px}.tool-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:100%;min-width:0;max-width:100%}.workspace-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;min-width:0;max-width:100%}.workspace-switcher-pills{display:flex;align-items:center;gap:6px;overflow-x:auto;max-width:100%;min-width:0;padding:2px 0;scrollbar-width:none}.workspace-switcher-pills::-webkit-scrollbar{display:none}.workspace-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted-strong);font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all var(--transition)}.workspace-pill:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-muted)}.workspace-pill.is-active{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent-border)}.workspace-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-width:0;max-width:100%;padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow-sm)}.workspace-hero__left{display:flex;align-items:flex-start;gap:16px;min-width:0;max-width:100%}.workspace-hero__left>div{min-width:0;max-width:100%}.workspace-hero__icon{width:48px;height:48px;border-radius:12px}.workspace-hero__badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:6px}.workspace-hero h1{margin:0 0 6px;font-size:clamp(22px,2.8vw,28px);letter-spacing:-.035em;color:var(--text)}.workspace-hero p{margin:0;color:var(--muted-strong);font-size:14px;line-height:1.55;max-width:640px}.workspace-banners{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;max-width:100%}.workspace-banners .puter-auth-card,.workspace-banners .user-pays-notice{margin-top:0}.workspace-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;max-width:100%}.workspace-grid{display:grid;gap:16px;align-items:start;min-width:0;max-width:100%}.workspace-grid--chat{grid-template-columns:260px minmax(0,1fr)}.workspace-grid--two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.workspace-grid--editor{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr)}.workspace-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;min-width:0;max-width:100%}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border);flex-wrap:wrap;min-width:0;max-width:100%}.panel-title{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:670;color:var(--text);min-width:0}.panel-footnote{margin:0;color:var(--muted);font-size:11.5px;line-height:1.5}.state-preview-pills{display:inline-flex;align-items:center;gap:3px;padding:3px;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px}.state-preview-pills button{padding:4px 9px;border:0;border-radius:6px;background:transparent;color:var(--muted-strong);font-size:11.5px;font-weight:620;cursor:pointer}.state-preview-pills button.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000000f}.model-pills-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.model-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-soft);font-size:12.5px;font-weight:640;cursor:pointer;transition:all var(--transition);white-space:nowrap;flex:0 0 auto}.model-pill:hover{border-color:var(--border-strong);background:var(--surface-muted)}.model-pill.is-selected{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-strong)}.model-pill small{padding:2px 5px;border-radius:4px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:600}.chat-thread-list{display:grid;gap:6px}.chat-thread-item{display:grid;gap:3px;width:100%;padding:10px 11px;text-align:left;background:var(--surface-subtle);border:1px solid var(--border);border-radius:9px;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.chat-thread-item:hover{background:var(--surface-muted);border-color:var(--border-strong)}.chat-thread-item.is-active{background:var(--accent-soft);border-color:var(--accent-border)}.chat-thread-item strong{font-size:12.5px;font-weight:650;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-item span{font-size:11px;color:var(--muted)}.chat-messages-area{min-height:310px;min-width:0;max-width:100%;padding:18px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:11px;display:flex;flex-direction:column;justify-content:center}.workspace-composer{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;max-width:100%;padding:12px;background:var(--surface-subtle);border:1px solid var(--border-strong);border-radius:12px}.workspace-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.workspace-composer textarea{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font-size:14px;line-height:1.55;resize:vertical;outline:none}.workspace-composer__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:0;max-width:100%;padding-top:8px;border-top:1px solid var(--border)}.composer-meta-tag{font-size:12px;color:var(--muted);max-width:100%;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.45}.composer-meta-tag strong{color:var(--text-soft)}.workspace-empty-state,.workspace-loading-state{display:grid;justify-items:center;text-align:center;gap:10px;padding:26px 18px;width:100%;max-width:480px;min-width:0;margin:0 auto}.workspace-empty-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center}.workspace-empty-state h3{margin:2px 0 0;font-size:16.5px;font-weight:670;color:var(--text);max-width:100%;overflow-wrap:break-word}.workspace-empty-state p{margin:0;font-size:13px;line-height:1.55;color:var(--muted-strong);max-width:100%;overflow-wrap:break-word}.workspace-loading-state svg{color:var(--accent)}.workspace-loading-state strong{font-size:14.5px;color:var(--text);max-width:100%;overflow-wrap:break-word}.workspace-loading-state span{font-size:12.5px;color:var(--muted);line-height:1.5;max-width:100%;overflow-wrap:break-word}.coming-soon-callout{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-top:8px;padding:9px 13px;border-radius:9px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-strong);font-size:12.5px;font-weight:600;text-align:left;white-space:normal;word-break:break-word}.starter-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;width:100%;max-width:100%;margin-top:6px}.starter-chips button{max-width:100%;padding:6px 12px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-size:12px;font-weight:560;white-space:normal;text-align:center;cursor:pointer;transition:all var(--transition)}.starter-chips button:hover{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.settings-form{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;max-width:100%}.form-group{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;max-width:100%}.form-group label,.form-label{font-size:12.5px;font-weight:640;color:var(--text-soft)}.form-group small{font-size:11.5px;color:var(--muted);line-height:1.45}.form-group input[type=text],.form-group select,.form-group textarea{width:100%;min-width:0;max-width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface-subtle);color:var(--text);font-size:13px;line-height:1.5}.form-group select{height:38px;cursor:pointer}.inline-controls-bar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;min-width:0;max-width:100%}.inline-controls-bar>.form-group{flex:1 1 170px;min-width:0}.inline-controls-bar__action{flex:0 0 auto;min-width:0;max-width:100%}.preview-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:center;min-height:320px;min-width:0;max-width:100%;padding:18px;background:var(--surface-subtle);border:1px dashed var(--border-strong);border-radius:12px}.preview-stage--compact{min-height:240px}.aspect-frame{width:100%;min-width:0;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:11px;display:grid;place-items:center;overflow:hidden;padding:18px}.aspect-1-1{max-width:340px;aspect-ratio:1 / 1}.aspect-16-9{max-width:580px;aspect-ratio:16 / 9}.aspect-9-16{max-width:260px;aspect-ratio:9 / 16}.aspect-4-3{max-width:440px;aspect-ratio:4 / 3}.upload-dropzone{display:grid;justify-items:center;text-align:center;gap:7px;width:100%;min-width:0;max-width:100%;padding:28px 18px;background:var(--surface-subtle);border:1.5px dashed var(--border-strong);border-radius:12px;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.upload-dropzone:hover,.upload-dropzone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.upload-dropzone input[type=file]{display:none}.upload-dropzone svg{color:var(--accent)}.upload-dropzone strong{font-size:14px;color:var(--text);max-width:100%;overflow-wrap:break-word}.upload-dropzone span{font-size:12px;color:var(--muted);max-width:100%;overflow-wrap:break-word}.uploaded-preview-box{min-height:220px;padding:12px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:11px;display:grid;place-items:center;overflow:hidden}.uploaded-image-preview{max-width:100%;max-height:240px;border-radius:8px;object-fit:contain}.analysis-result-placeholder{display:grid;gap:14px}.analysis-disclaimer{margin:0;font-size:13px;line-height:1.55;color:var(--muted-strong)}.analysis-attributes-list{display:grid;gap:8px}.analysis-attribute-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:9px;font-size:12.5px}.attribute-label{font-weight:650;color:var(--text-soft)}.attribute-value{color:var(--muted);font-style:italic}.editor-tool-strip{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.editor-tool-btn{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:6px 10px;border-radius:7px;border:1px solid transparent;background:var(--surface-subtle);color:var(--muted-strong);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition)}.editor-tool-btn:hover{color:var(--text);background:var(--surface-muted)}.editor-tool-btn.is-active{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent-border)}.editing-canvas-surface{min-height:340px;width:100%;min-width:0;max-width:100%;padding:18px;background:repeating-conic-gradient(var(--surface-muted) 0% 25%,var(--surface-subtle) 0% 50%) 50% / 20px 20px;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;overflow:hidden}.canvas-image-wrapper{display:grid;justify-items:center;gap:10px;max-width:100%}.canvas-image{max-width:100%;max-height:300px;border-radius:9px;box-shadow:var(--shadow-sm);object-fit:contain}.canvas-badge{padding:5px 10px;border-radius:6px;background:var(--surface);border:1px solid var(--border);font-size:11.5px;color:var(--text-soft);font-weight:600;text-align:center}.slider-group{display:grid;gap:13px;padding:14px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px}.slider-item{display:grid;gap:5px}.slider-label-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-soft);font-weight:600}.slider-label-row span{color:var(--muted);font-weight:550}.slider-item input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.audio-preview-card{width:100%;min-width:0;max-width:100%;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:11px}.waveform-placeholder{display:flex;align-items:center;justify-content:center;gap:5px;height:48px;width:100%;max-width:280px;margin-top:8px}.waveform-placeholder span{display:block;width:5px;border-radius:99px;background:color-mix(in srgb,var(--accent) 45%,var(--border-strong))}.media-transport-bar{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.media-timeline-track{flex:1;height:6px;border-radius:99px;background:var(--surface-muted);overflow:hidden}.media-timeline-fill{height:100%;background:var(--accent)}.media-time-label{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.workspace-ad-wrap{max-width:860px}.recent-section{margin-top:46px;scroll-margin-top:90px}.section-heading--compact{align-items:center}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.recent-card{min-width:0;padding:0;overflow:hidden;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.recent-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.recent-art{position:relative;height:108px;display:grid;place-items:center;overflow:hidden}.recent-art>svg{position:relative;z-index:2;color:#453b74d9}.recent-art--lavender{background:linear-gradient(135deg,#eeeaff,#d8d0ff)}.recent-art--mint{background:linear-gradient(135deg,#e4f4ed,#c5e8d9)}.recent-art--sand{background:linear-gradient(135deg,#f8eddf,#ecd5bc)}:root[data-theme=dark] .recent-art>svg{color:#ebe8ffe6}:root[data-theme=dark] .recent-art--lavender{background:linear-gradient(135deg,#2b2547,#3a3163)}:root[data-theme=dark] .recent-art--mint{background:linear-gradient(135deg,#1d352e,#274b3f)}:root[data-theme=dark] .recent-art--sand{background:linear-gradient(135deg,#3c3022,#52412c)}.recent-art__shape{position:absolute;display:block;border:1px solid rgba(255,255,255,.45);border-radius:50%}:root[data-theme=dark] .recent-art__shape{border-color:#ffffff24}.recent-art__shape--one{width:118px;height:118px;top:-55px;left:17%}.recent-art__shape--two{width:72px;height:72px;right:15%;bottom:-40px}.recent-card__text{display:grid;gap:4px;padding:12px 13px 4px}.recent-card__text strong{overflow:hidden;color:var(--text-soft);font-size:13.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.recent-card__text span,.recent-card time{color:var(--muted);font-size:12px}.recent-card time{display:block;padding:0 13px 12px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:52px;padding-top:18px;color:var(--muted);border-top:1px solid var(--border);font-size:12.5px}.page-footer div{display:flex;gap:16px}.page-footer button{padding:0;color:var(--muted);border:0;background:transparent;font-size:12.5px;cursor:pointer}.page-footer button:hover{color:var(--text)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#0e10187a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-card,.pricing-dialog{position:relative;width:min(100%,450px);padding:28px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow-dialog);animation:dialog-in .18s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-close{position:absolute;top:14px;right:14px}.dialog-icon{margin-bottom:18px}.dialog-card h2,.pricing-dialog h2{margin:7px 0 8px;font-size:24px;letter-spacing:-.04em}.dialog-card>p,.pricing-intro{margin:0;color:var(--muted-strong);font-size:14px;line-height:1.6}.dialog-note{display:flex;align-items:flex-start;gap:9px;margin:20px 0;padding:12px;color:var(--muted-strong);background:var(--surface-muted);border-radius:10px;font-size:12.5px;line-height:1.55}.dialog-note svg{flex:0 0 auto;margin-top:2px;color:var(--green)}.pricing-dialog{width:min(100%,740px);padding:30px}.pricing-dialog h2{font-size:27px}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.plan-card{padding:18px;border:1px solid var(--border);border-radius:12px}.plan-card--pro{border-color:var(--accent-border);background:linear-gradient(155deg,var(--accent-soft),var(--surface) 55%)}.plan-card__top{display:flex;align-items:center;justify-content:space-between;gap:7px}.plan-name{font-size:14px;font-weight:700}.current-plan{padding:4px 8px;color:var(--green);background:var(--green-soft);border-radius:6px;font-size:11px;font-weight:700}.coming-soon-badge{padding:4px 8px;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:6px;font-size:11px;font-weight:700}.plan-card h3{margin:12px 0 6px;font-size:24px;letter-spacing:-.04em}.plan-card>p{min-height:36px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.plan-card ul{display:grid;gap:10px;min-height:124px;margin:16px 0;padding:14px 0 0;list-style:none;border-top:1px solid var(--border)}.plan-card li{display:flex;align-items:flex-start;gap:8px;color:var(--muted-strong);font-size:13px;line-height:1.45}.plan-card li svg{flex:0 0 auto;margin-top:2px;color:var(--green)}.pricing-footnote{margin:16px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.toast{position:fixed;right:22px;bottom:20px;z-index:80;max-width:min(470px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:10px;padding:13px 14px;color:var(--text-soft);background:var(--surface);border:1px solid var(--border-strong);border-radius:11px;box-shadow:var(--shadow-dialog);font-size:13px;line-height:1.5}.toast>svg{flex:0 0 auto;margin-top:2px;color:var(--green)}.toast-close{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;margin:-2px -3px 0 3px;color:var(--muted);border:0;border-radius:5px;background:transparent;cursor:pointer}.toast-close:hover{background:var(--surface-muted)}.mobile-scrim{display:none}@media(max-width:1180px){.page-content,.topbar{padding-right:32px;padding-left:32px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid--chat,.workspace-grid--two-col,.workspace-grid--editor{grid-template-columns:minmax(0,1fr)}}@media(max-width:860px){.sidebar{transform:translate(-102%);transition:transform .22s ease;box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:14px 0 45px #0c0e162e}.sidebar__close{display:inline-grid!important}.mobile-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;display:block;border:0;background:#0a0c1266}.main-panel{margin-left:0}.mobile-menu-button{display:inline-grid}.topbar{justify-content:flex-start;gap:10px;padding-right:20px;padding-left:20px}.topbar__right{margin-left:auto}.topbar-puter-pill{display:none}.puter-auth-card{flex-direction:column;align-items:stretch}.puter-auth-card__actions{justify-content:flex-start}.workspace-hero{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.topbar{height:58px;padding:0 10px;gap:6px}.breadcrumb{display:none}.top-search{flex:1 1 84px;width:auto;max-width:130px;min-width:0;height:32px;padding:0 8px}.top-search input{font-size:14px}.top-search kbd,.topbar-icon:first-of-type{display:none}.topbar__right{gap:5px;flex:1;justify-content:flex-end;min-width:0}.language-switch{padding:2px;gap:1px;flex:0 0 auto}.language-switch__button{min-width:26px;height:26px;padding:0 5px;font-size:10.5px}.theme-switch{gap:1px;padding:2px;flex:0 0 auto}.theme-switch__button{min-width:28px;width:28px;height:26px;padding:0}.theme-switch__button span{display:none}.topbar-upgrade{height:32px;padding:0 8px;font-size:11px;flex:0 0 auto}.page-content{padding:18px 14px 24px}.hero-showcase{padding:18px 16px;border-radius:16px;margin-bottom:20px}.hero-showcase__copy h1{font-size:30px}.welcome-row{display:block;margin-bottom:22px}.welcome-row h1{font-size:33px}.mobile-break{display:initial}.welcome-row p{max-width:100%;font-size:14px}.welcome-action{margin-top:15px}.prompt-composer{padding:14px}.prompt-composer textarea,.workspace-composer textarea,.form-group input[type=text],.form-group select,.form-group textarea{font-size:16px}.composer-hint{display:none}.tools-section{margin-top:34px}.section-heading h2{font-size:20px}.section-heading p{font-size:13px}.tool-grid{grid-template-columns:1fr;gap:10px}.tool-card{min-height:104px}.tool-card p{max-width:100%}.recent-grid{grid-template-columns:1fr}.recent-card{display:grid;grid-template-columns:92px 1fr;align-items:center}.recent-art{grid-row:span 2;height:88px}.recent-card__text{padding:0 12px 4px}.recent-card time{padding:0 12px}.page-footer{align-items:flex-start;flex-direction:column;margin-top:36px}.pricing-dialog{padding:24px 18px 18px;max-height:calc(100vh - 28px);overflow-y:auto}.pricing-dialog h2{max-width:280px;font-size:22px}.pricing-grid{grid-template-columns:1fr}.plan-card ul{min-height:auto}.dialog-card{padding:24px 20px 20px}.ad-slot{align-items:flex-start}.ad-slot__more{display:none}.workspace-hero{padding:18px 16px}.workspace-hero__left{flex-direction:column;gap:12px}.workspace-panel{padding:14px}.panel-header{gap:8px}.model-pills-bar{flex-wrap:nowrap;overflow-x:auto;width:100%;max-width:100%;padding-bottom:2px;scrollbar-width:none}.model-pills-bar::-webkit-scrollbar{display:none}.puter-auth-card{padding:14px;gap:12px}.puter-auth-card__actions{width:100%}.puter-auth-card__actions .button{max-width:100%;white-space:normal;text-align:center}.chat-messages-area{min-height:230px;padding:12px}.workspace-empty-state,.workspace-loading-state{padding:18px 10px;max-width:100%}.workspace-composer__footer .button{width:100%}.preview-stage{min-height:auto;padding:12px}.preview-stage--compact{min-height:auto}.aspect-frame{max-width:100%;width:100%;aspect-ratio:auto!important;min-height:200px;padding:16px 12px;overflow:visible}.upload-dropzone{padding:20px 14px}.audio-preview-card{padding:12px}.uploaded-preview-box{min-height:180px;padding:10px}.uploaded-image-preview{max-height:220px;width:100%;height:auto}.editing-canvas-surface{min-height:220px;padding:12px}.canvas-image{max-height:240px;width:100%;height:auto}.inline-controls-bar{flex-direction:column;align-items:stretch}.inline-controls-bar>.form-group{flex:1 1 auto}.inline-controls-bar__action{width:100%}.inline-controls-bar__action .button,.workspace-panel .button--wide{width:100%;max-width:100%}.user-pays-notice{flex-direction:column;padding:14px 15px}.analysis-attribute-row{flex-direction:column;align-items:flex-start;gap:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--surface-muted);border:1px solid var(--border);border-radius:10px}.language-switch__button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 8px;color:var(--muted-strong);background:transparent;border:1px solid transparent;border-radius:7px;font-size:11.5px;font-weight:700;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.language-switch__button:hover{color:var(--text)}.language-switch__button.is-active{color:var(--accent-strong);background:var(--surface);border-color:var(--border);box-shadow:0 1px 2px #1416200f}.language-dialog{max-width:520px}.language-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.language-option-card{display:grid;gap:6px;padding:14px;text-align:left;background:var(--surface-subtle);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.language-option-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.language-option-card.is-selected{border-color:var(--accent);background:var(--accent-soft)}.language-option-card__top{display:flex;align-items:center;justify-content:space-between}.language-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:6px;background:var(--surface);border:1px solid var(--border);font-size:11px;font-weight:750;color:var(--accent-strong)}.language-check{color:var(--accent-strong)}.language-option-card strong{font-size:14px;font-weight:680;color:var(--text)}.language-option-card span{font-size:12px;color:var(--muted-strong);line-height:1.45}.language-page{display:grid;gap:20px}.language-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.language-card{display:grid;gap:14px;align-content:space-between}.language-card.is-selected{border-color:var(--accent)}.language-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.language-card__head .tool-status{display:inline-flex;align-items:center;gap:4px}.language-card__body h2{margin:0 0 6px;font-size:18px;font-weight:680;color:var(--text)}.language-card__body p{margin:0;font-size:13px;color:var(--muted-strong);line-height:1.5}.language-note-panel{gap:8px}@media(max-width:640px){.language-option-grid,.language-page-grid{grid-template-columns:1fr}}.hero-showcase{position:relative;margin-bottom:28px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden}.hero-showcase__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(200px,.75fr);align-items:center;gap:28px}.hero-showcase__copy h1{margin:0;font-size:clamp(34px,4.4vw,50px);line-height:1.05;letter-spacing:-.045em;font-weight:760;color:var(--text)}.hero-showcase__copy h1 span{color:var(--accent)}.hero-showcase__tagline{margin:10px 0 6px;font-size:clamp(17px,2vw,21px);font-weight:650;color:var(--text-soft);letter-spacing:-.02em}.hero-showcase__subtitle{max-width:520px;margin:0 0 20px;color:var(--muted-strong);font-size:14.5px;line-height:1.6}.hero-showcase__actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hero-showcase__visual{position:relative;display:grid;place-items:center;min-height:200px;overflow:visible}.hero-logo-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.22) 0%,rgba(99,102,241,.09) 42%,transparent 70%);filter:blur(22px);pointer-events:none}:root[data-theme=dark] .hero-logo-glow{background:radial-gradient(circle,rgba(139,92,246,.34) 0%,rgba(79,70,229,.14) 45%,transparent 72%)}.hero-logo-3d{position:relative;width:175px;height:auto;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(98,72,224,.24))}:root[data-theme=dark] .hero-logo-3d{filter:drop-shadow(0 16px 28px rgba(124,92,255,.38))}.hero-tool-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.hero-tool-tile{display:grid;justify-items:center;text-align:center;gap:8px;padding:14px 10px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.hero-tool-tile:hover{transform:translateY(-2px);border-color:var(--accent-border);background:var(--surface);box-shadow:var(--shadow-sm)}.hero-tool-tile strong{font-size:12.5px;font-weight:670;color:var(--text)}.hero-tool-tile span{font-size:11px;line-height:1.35;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1080px){.hero-tool-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.hero-showcase{padding:20px}.hero-showcase__grid{grid-template-columns:1fr;text-align:left}.hero-showcase__visual{min-height:140px;order:-1}.hero-logo-3d{width:132px}.hero-tool-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.puter-dot.is-expired{background:#d97706}.puter-auth-status-badge.status-expired{background:#d977061f;color:#d97706}:root[data-theme=dark] .puter-auth-status-badge.status-expired{color:#fbbf24}.activate-ai-dialog{max-width:480px}.activate-ai-disclosure{display:grid;gap:10px;margin:18px 0 20px;padding:14px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:12px}.activate-ai-disclosure strong{font-size:13px;font-weight:670;color:var(--text)}.activate-ai-disclosure ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.activate-ai-disclosure li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;color:var(--muted-strong)}.activate-ai-disclosure li svg{flex:0 0 auto;margin-top:2px;color:var(--green)}.activate-ai-actions{display:grid;gap:8px}.settings-page{display:grid;gap:18px}.provider-disclosure-box{display:grid;gap:10px;padding:16px;background:var(--surface-subtle);border:1px solid var(--accent-border);border-radius:12px}.provider-disclosure-box p{margin:0;font-size:13.5px;line-height:1.6;color:var(--text-soft)}.settings-pref-actions{display:flex;flex-wrap:wrap;gap:10px}.chat-thread-row{position:relative;display:flex;align-items:stretch;gap:4px;min-width:0}.chat-thread-row .chat-thread-item{flex:1;min-width:0}.chat-thread-delete{flex:0 0 auto;display:inline-grid;place-items:center;width:30px;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle);color:var(--muted);cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.chat-thread-delete:hover:not(:disabled){color:#dc4c4c;background:#dc4c4c14;border-color:#dc4c4c40}.chat-thread-delete:disabled{opacity:.45;cursor:not-allowed}.chat-messages-area.has-messages{justify-content:flex-start;max-height:460px;overflow-y:auto}.chat-messages-list{display:grid;gap:12px;width:100%;min-width:0}.chat-bubble{display:grid;gap:6px;padding:12px 14px;border-radius:11px;border:1px solid var(--border);background:var(--surface);min-width:0;max-width:100%}.chat-bubble--user{background:var(--accent-soft);border-color:var(--accent-border)}.chat-bubble__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.chat-bubble__author{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-soft)}.chat-bubble--user .chat-bubble__author{color:var(--accent-strong)}.chat-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface-subtle);color:var(--muted-strong);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition)}.chat-copy-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-muted)}.chat-bubble__body p{margin:0;font-size:13.5px;line-height:1.6;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.chat-typing-indicator{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}@keyframes shimmer-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.image-skeleton-loader{width:100%;height:100%;min-height:220px;display:grid;place-items:center;position:relative;border-radius:9px;overflow:hidden}.shimmer-box{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface-subtle) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:shimmer-sweep 1.6s infinite linear}.image-skeleton-caption{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:var(--surface);border:1px solid var(--border);color:var(--text-soft);font-size:12.5px;font-weight:600;box-shadow:var(--shadow-sm)}.generated-image-output{width:100%;height:100%;max-height:520px;object-fit:contain;border-radius:8px;display:block}.analysis-result-output{display:grid;gap:14px;min-width:0;max-width:100%}.analysis-output-block{display:grid;gap:6px;padding:12px 14px;border-radius:10px;background:var(--surface-subtle);border:1px solid var(--border);min-width:0;max-width:100%}.analysis-output-block p{margin:0;font-size:13.5px;line-height:1.6;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.analysis-ocr-pre{margin:0;font-family:inherit;font-size:12.5px;line-height:1.55;color:var(--text-soft);white-space:pre-wrap;overflow-wrap:anywhere}.puter-auth-card--compact-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px}.puter-auth-compact-bar__left{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}.user-pays-notice__header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.user-pays-notice__close{margin:-4px -6px -4px auto}.photo-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.photo-compare-item{display:grid;gap:6px;justify-items:center;min-width:0}.generated-video-player{width:100%;max-height:460px;border-radius:10px;background:#000;display:block}.audio-output-box{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px;border-radius:10px;background:var(--surface-subtle);border:1px solid var(--border)}.audio-player-native{flex:1 1 240px;min-width:0;max-width:100%}.legal-page{display:grid;gap:20px;width:100%;min-width:0}.legal-sections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.legal-section-card{gap:8px;align-content:start}.legal-section-card h2{margin:0;font-size:16px;font-weight:670;color:var(--text)}.legal-section-card p{margin:0;font-size:13.5px;line-height:1.65;color:var(--muted-strong)}.legal-footer-action{display:flex;justify-content:flex-start}@media(max-width:760px){.photo-compare-grid,.legal-sections-grid{grid-template-columns:minmax(0,1fr)}}.home-prompt-stage{max-width:920px;margin:0 auto 18px}.home-ad-stage{margin-top:16px}.workspace-grid--split{grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);align-items:start}.workspace-hero--compact{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.workspace-hero__compact-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.workspace-hero__compact-main .workspace-hero__icon{width:36px;height:36px;border-radius:10px;flex-shrink:0}.workspace-hero__compact-main h1{margin:0;font-size:18px;font-weight:700;color:var(--text);white-space:nowrap}.workspace-hero__sep{width:1px;height:20px;background:var(--border);flex-shrink:0}.workspace-hero__compact-main p{margin:0;font-size:13px;color:var(--muted);line-height:1.4;min-width:0}.deepai-unified-panel{padding:16px;border-radius:16px;width:100%;max-width:100%;min-width:0}.deepai-unified-panel__grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:18px;align-items:stretch;min-width:0}.deepai-unified-panel__controls{display:flex;flex-direction:column;gap:14px;min-width:0;max-width:100%}.deepai-controls-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.deepai-controls-stack{display:grid;gap:12px;min-width:0}.deepai-segmented-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px}.deepai-seg-pill{padding:7px 10px;border-radius:9px;border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-soft);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .16s ease;text-align:center}.deepai-seg-pill:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.deepai-seg-pill.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.deepai-two-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deepai-unified-panel__cta{margin-top:auto;padding-top:4px}.deepai-unified-panel__stage{display:flex;flex-direction:column;gap:10px;min-width:0;max-width:100%;padding:12px;border-radius:14px;background:var(--surface-subtle);border:1px solid var(--border)}.deepai-stage-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.deepai-unified-panel__stage .preview-stage,.deepai-unified-panel__stage .editing-canvas-surface{flex:1 1 auto;min-height:360px;border-radius:12px}.preview-stage--analysis{align-items:stretch;justify-content:flex-start;padding:14px;overflow-y:auto}.upload-dropzone--compact{padding:16px 14px;min-height:112px}.deepai-dropzone-thumb{max-height:130px;max-width:100%;border-radius:8px;object-fit:contain}.deepai-chat-shell{display:grid;gap:14px;max-width:900px;width:100%;margin:0 auto;min-width:0}.deepai-chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.deepai-chat-toolbar__left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.deepai-chat-drawer{padding:14px;border-radius:14px}.deepai-chat-stage{display:grid;gap:16px;min-width:0;width:100%}.deepai-chat-stage .chat-messages-area{min-height:300px;padding:8px 4px}.deepai-chat-empty{display:grid;gap:20px;justify-items:center;text-align:center;padding:36px 16px 12px}.deepai-chat-empty__header{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;max-width:680px}.deepai-chat-empty__header h1{margin:0;font-size:26px;font-weight:700;color:var(--text)}.deepai-chat-empty__divider{width:1px;height:36px;background:var(--border)}.deepai-chat-empty__header p{margin:0;font-size:13.5px;color:var(--muted);text-align:left;max-width:340px;line-height:1.5}.deepai-chat-composer{display:grid;gap:12px;width:100%;min-width:0}.deepai-chat-composer__bar{display:flex;align-items:flex-end;gap:10px;padding:10px 12px 10px 16px;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);min-width:0}.deepai-chat-composer__bar:focus-within{border-color:var(--accent)}.deepai-chat-composer__bar textarea{flex:1 1 220px;min-width:0;width:100%;min-height:64px;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:14px;line-height:1.5;resize:none;padding:6px 0;outline:none;max-height:180px}.deepai-chat-composer__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.composer-char-pill{font-size:11px;color:var(--muted);white-space:nowrap}.deepai-send-btn{width:36px;height:36px;border-radius:999px;border:none;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .16s ease,transform .12s ease}.deepai-send-btn:disabled{opacity:.45;cursor:not-allowed}.deepai-send-btn:hover:not(:disabled){transform:translateY(-1px)}.deepai-model-pills{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.deepai-centered-panel{max-width:720px;width:100%;margin:0 auto;display:grid;gap:16px;min-width:0}.deepai-centered-tabs{display:flex;justify-content:center}.deepai-centered-form{display:grid;gap:14px;min-width:0}.deepai-centered-form textarea{width:100%;border-radius:14px;padding:14px}.deepai-char-counter{display:flex;justify-content:flex-end;font-size:11.5px;color:var(--muted);margin-top:4px}.deepai-centered-option-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12.5px;color:var(--muted);max-width:100%;flex-wrap:wrap}.deepai-centered-option-chip select{border:none;background:transparent;color:var(--text);font-weight:600;font-size:12.5px;outline:none;max-width:100%}@media(max-width:1180px){.workspace-grid--split{grid-template-columns:minmax(0,1fr)}}@media(max-width:960px){.deepai-unified-panel__grid{grid-template-columns:minmax(0,1fr)}.deepai-unified-panel__stage .preview-stage,.deepai-unified-panel__stage .editing-canvas-surface{min-height:280px}}@media(max-width:640px){.workspace-hero--compact{flex-direction:column;align-items:flex-start}.workspace-hero__compact-main{flex-wrap:wrap}.workspace-hero__sep,.deepai-chat-empty__divider{display:none}.deepai-chat-empty__header p{text-align:center}.deepai-two-selects{grid-template-columns:minmax(0,1fr)}.deepai-chat-composer__bar{flex-wrap:wrap;border-radius:16px}.deepai-chat-composer__actions{width:100%;justify-content:space-between}}.deepai-toggle-list{display:grid;gap:6px}.deepai-check-row{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted-strong);cursor:pointer;-webkit-user-select:none;user-select:none}.deepai-check-row input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.deepai-check-row--centered{justify-content:center}.deepai-stage-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}