@font-face{font-family:Sora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/sora-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/sora-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jb-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jb-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--brand-gradient: linear-gradient(100deg,#B8E3D0 0%,#94CBB9 28%,#86C6D2 52%,#69A9B9 76%,#60A5BF 100%);--brand-gradient-energized: linear-gradient(95deg,#5FD39A,#2BB7C4 52%,#3A8FD0);--gradient-cta: linear-gradient(95deg,#17929E,#2B7AC0);--cat-organize: linear-gradient(150deg,#9BE3B8,#3FAE72);--cat-convert: linear-gradient(150deg,#6FD8C4,#1FA9B8);--cat-edit: linear-gradient(150deg,#6FB0E0,#3F73C8);--cat-optimize: linear-gradient(150deg,#5A93B0,#3C6088);--cat-ai: linear-gradient(150deg,#5FD39A,#2BB7C4 45%,#3A8FD0 78%,#8E7BE0);--cat-organize-solid: #3FAE72;--cat-convert-solid: #1FA9B8;--cat-edit-solid: #3F73C8;--cat-optimize-solid: #3C6088;--cat-ai-solid: #6E5BD8;--cat-active-gradient: var(--cat-organize);--cat-active-solid: var(--cat-organize-solid);--ink: #23272E;--graphite-800: #3A3F45;--graphite-600: #5C6470;--graphite-500: #787E80;--graphite-300: #A8AAA9;--graphite-100: #E7E9EA;--surface: #FFFFFF;--surface-page: #FAFBFC;--surface-subtle: #F2F4F5;--surface-cream: #F7EFDC;--bg-base: var(--surface-page);--bg-layer: var(--surface);--bg-elevated: var(--surface);--bg-hover: rgba(0,0,0,.04);--bg-app: var(--surface-page);--bg-main: var(--surface-page);--bg-card: var(--surface);--bg-sidebar: #F3F5F6;--bg-muted: var(--surface-subtle);--bg-input: var(--surface);--bg-active: rgba(0,0,0,.06);--bg-glass: var(--glass-bg);--border-default: var(--border-subtle);--brand-dark: #0F6B6B;--brand-mid: var(--accent);--brand-light: rgba(23,146,158,.12);--text-tertiary: var(--text-muted);--cat-organize-gradient: var(--cat-organize);--cat-convert-gradient: var(--cat-convert);--cat-edit-gradient: var(--cat-edit);--cat-optimize-gradient: var(--cat-optimize);--cat-ai-gradient: var(--cat-ai);--border-color: #E7E9EA;--border-strong-color: #D6DADC;--border-subtle: #E7E9EA;--border-strong: #D6DADC;--text-primary: var(--ink);--text-secondary: var(--graphite-600);--text-muted: #6A7177;--text-disabled: #9098A0;--fg-primary: var(--text-primary);--fg-secondary: var(--text-secondary);--fg-tertiary: var(--text-muted);--success: #34C759;--success-text: #2E9E4C;--warn: #F5A623;--danger: #E5484D;--danger-hover: #D63B40;--danger-soft: rgba(229,72,77,.1);--info: #2F86C9;--accent-ai: #8E7BE0;--accent: #17929E;--accent-hover: #1FA9B8;--accent-soft: rgba(31,169,184,.12);--accent-fg: #ffffff;--glass-bg: rgba(255,255,255,.6);--glass-blur: 20px;--glass-border: rgba(255,255,255,.5);--sp-1: 4px;--s-1: 4px;--sp-2: 8px;--s-2: 8px;--sp-3: 12px;--s-3: 12px;--sp-4: 16px;--s-4: 16px;--sp-5: 20px;--s-5: 20px;--sp-6: 24px;--s-6: 24px;--sp-8: 32px;--s-8: 32px;--sp-10: 40px;--s-10: 40px;--sp-12: 48px;--s-12: 48px;--sp-16: 64px;--r-sm: 8px;--r-control: 8px;--r-md: 12px;--r-card: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 9999px;--r-overlay: 16px;--shadow-sm: 0 1px 2px rgba(16,24,32,.05);--shadow-card: 0 1px 3px rgba(16,24,32,.06), 0 4px 12px rgba(16,24,32,.08);--shadow-md: 0 4px 12px rgba(16,24,32,.1);--shadow-pop: 0 8px 24px rgba(16,24,32,.12), 0 1px 3px rgba(16,24,32,.06);--shadow-lg: 0 12px 32px rgba(16,24,32,.14);--shadow-overlay: 0 20px 60px rgba(16,24,32,.18);--font-display: "Sora", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-ui: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "Consolas", monospace;--font-sans: var(--font-ui);--t-display: 48px;--t-h1: 32px;--t-h2: 24px;--t-h3: 20px;--t-h4: 17px;--t-body: 16px;--t-small: 14px;--t-caption: 12px;--t-mono: 13px;--lh-tight: 1.15;--lh-normal: 1.5;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease: cubic-bezier(.4,0,.2,1);--ease-spring: cubic-bezier(.2,.8,.2,1);--ease-out: cubic-bezier(.16,1,.3,1)}[data-theme=dark]{color-scheme:dark;--surface: #171C24;--surface-page: #0F1419;--surface-subtle: #1F2630;--surface-cream: #1F2630;--bg-base: #0F1419;--bg-layer: #171C24;--bg-elevated: #1F2630;--bg-hover: rgba(255,255,255,.05);--border-subtle: #2A323D;--border-strong: #3A434F;--border-color: #2A323D;--border-strong-color: #3A434F;--text-primary: #E8ECEF;--text-secondary: #C2CAD2;--text-muted: #9AA5B1;--text-disabled: #6A7177;--fg-primary: #E8ECEF;--fg-secondary: #C2CAD2;--fg-tertiary: #9AA5B1;--accent: #1FA9B8;--accent-hover: #2BB7C4;--accent-soft: rgba(31,169,184,.15);--success: #34C759;--success-text: #4CD964;--warn: #F5A623;--danger: #E5484D;--danger-soft: rgba(229,72,77,.15);--glass-bg: rgba(23,28,36,.55);--glass-border: rgba(255,255,255,.08);--bg-app: #0F1419;--bg-main: #0F1419;--bg-card: #171C24;--bg-sidebar: #0C1117;--bg-muted: #1F2630;--bg-input: #1F2630;--bg-active: rgba(255,255,255,.08);--bg-glass: rgba(23,28,36,.55);--brand-dark: #4ECDC4;--brand-mid: var(--accent);--brand-light: rgba(31,169,184,.18);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-card: 0 1px 3px rgba(0,0,0,.35), 0 4px 12px rgba(0,0,0,.25);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-pop: 0 8px 24px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 12px 32px rgba(0,0,0,.5);--shadow-overlay: 0 20px 60px rgba(0,0,0,.6)}main[data-category=organize]{--cat-active-gradient: var(--cat-organize);--cat-active-solid: var(--cat-organize-solid)}main[data-category=convert]{--cat-active-gradient: var(--cat-convert);--cat-active-solid: var(--cat-convert-solid)}main[data-category=edit]{--cat-active-gradient: var(--cat-edit);--cat-active-solid: var(--cat-edit-solid)}main[data-category=optimize]{--cat-active-gradient: var(--cat-optimize);--cat-active-solid: var(--cat-optimize-solid)}main[data-category=ai]{--cat-active-gradient: var(--cat-ai);--cat-active-solid: var(--cat-ai-solid)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--info, var(--accent));outline-offset:2px;border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh}.topbar{height:56px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);flex-shrink:0;position:sticky;top:0;z-index:100}.topbar-brand{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none;cursor:pointer}.topbar-brand .mark{height:28px;width:auto}.topbar-brand .brand-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--brand-dark);letter-spacing:-.3px}.topbar-brand .brand-tag{font-size:10px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px;margin-left:2px;align-self:flex-end;margin-bottom:2px}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:var(--sp-2)}.btn-icon{width:32px;height:32px;border-radius:var(--r-md);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s,color .15s}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-upgrade{height:32px;padding:0 var(--sp-3);border-radius:var(--r-md);border:none;background:var(--brand-gradient);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap}.btn-upgrade:hover{opacity:.9}.body-wrap{display:flex;flex:1;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border-default);display:flex;flex-direction:column;padding:var(--sp-3) 0;overflow-y:auto}.nav-section{margin-bottom:var(--sp-2)}.nav-section-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.7px;padding:var(--sp-2) var(--sp-4) var(--sp-1);display:flex;align-items:center;gap:var(--sp-2)}.nav-cat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.nav-cat-dot[data-cat=Organize]{background:var(--cat-organize-solid)}.nav-cat-dot[data-cat=Convert]{background:var(--cat-convert-solid)}.nav-cat-dot[data-cat=Edit]{background:var(--cat-edit-solid)}.nav-cat-dot[data-cat="Optimize & Secure"]{background:var(--cat-optimize-solid)}.nav-cat-dot[data-cat=AI]{background:var(--cat-ai-solid)}.nav-item{display:flex;align-items:center;gap:var(--sp-2);padding:7px var(--sp-4);font-size:13px;color:var(--text-secondary);cursor:pointer;border-radius:0;transition:background .12s,color .12s;user-select:none;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-active);color:var(--text-primary);font-weight:500}.nav-item .ico{font-size:14px;width:18px;text-align:center;flex-shrink:0}.nav-item .nav-label{flex:1}.nav-item .soon-badge{font-size:9px;font-weight:600;background:var(--bg-muted);color:var(--text-tertiary);border-radius:4px;padding:1px 5px;text-transform:uppercase;letter-spacing:.3px}main{flex:1;overflow-y:auto;background:var(--bg-main);padding:var(--sp-6)}main[data-category=organize]{--cat-active-gradient: var(--cat-organize-gradient);--cat-active-solid: var(--cat-organize-solid)}main[data-category=convert]{--cat-active-gradient: var(--cat-convert-gradient);--cat-active-solid: var(--cat-convert-solid)}main[data-category=edit]{--cat-active-gradient: var(--cat-edit-gradient);--cat-active-solid: var(--cat-edit-solid)}main[data-category=optimize]{--cat-active-gradient: var(--cat-optimize-gradient);--cat-active-solid: var(--cat-optimize-solid)}main[data-category=ai]{--cat-active-gradient: var(--cat-ai-gradient);--cat-active-solid: var(--cat-ai-solid)}.home-hero{border-radius:var(--r-xl);background:linear-gradient(120deg,#dff3ea,#cde9ec,#c3dcec);padding:28px 32px;display:flex;align-items:center;gap:var(--sp-6);margin-bottom:var(--sp-6)}[data-theme=dark] .home-hero{background:linear-gradient(120deg,#1a2d26,#162329,#131e27)}.home-hero-text{flex:1}.home-hero-title{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.2;color:var(--brand-dark);margin-bottom:var(--sp-2);letter-spacing:-.5px}.home-hero-sub{font-size:13px;color:var(--text-secondary);margin-bottom:var(--sp-4);line-height:1.5}.home-hero-security{font-size:11px;color:var(--text-tertiary);margin-top:var(--sp-3)}.home-hero-mark{height:120px;width:auto;opacity:.9;flex-shrink:0}.home-search-wrap{display:flex;align-items:center;gap:var(--sp-2);background:#ffffffb3;border:1px solid var(--border-default);border-radius:var(--r-lg);padding:0 var(--sp-3);max-width:340px}.home-search-wrap input{flex:1;border:none;background:transparent;height:36px;font-size:13px;color:var(--text-primary);outline:none;font-family:var(--font-sans)}.home-search-wrap input::placeholder{color:var(--text-tertiary)}.search-kbd{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--border-strong);border-radius:4px;font-size:11px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-muted);flex-shrink:0;line-height:1;pointer-events:none}.home-search-wrap:focus-within .search-kbd{opacity:0}.bento-section{margin-bottom:var(--sp-6)}.bento-section-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.bento-section-title:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.bento-section[data-cat=Organize] .bento-section-title:before{background:var(--cat-organize-solid)}.bento-section[data-cat=Convert] .bento-section-title:before{background:var(--cat-convert-solid)}.bento-section[data-cat=Edit] .bento-section-title:before{background:var(--cat-edit-solid)}.bento-section[data-cat="Optimize & Secure"] .bento-section-title:before{background:var(--cat-optimize-solid)}.bento-section[data-cat=AI] .bento-section-title:before{background:var(--cat-ai-solid)}.bento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-3)}.bento-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--sp-4);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s;user-select:none}.bento-card:hover{border-color:var(--cat-active-solid, var(--brand-mid));box-shadow:0 2px 12px #00000012;transform:translateY(-1px)}.bento-card .card-icon{font-size:22px;margin-bottom:var(--sp-2)}.bento-card .card-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.bento-card .card-desc{font-size:11px;color:var(--text-tertiary);line-height:1.4}.bento-card.soon{opacity:.5;cursor:default}.bento-card.soon:hover{transform:none;border-color:var(--border-default);box-shadow:none}.card-badge{display:inline-block;margin-left:4px;padding:1px 5px;border-radius:4px;font-size:9px;font-weight:600;vertical-align:middle;letter-spacing:.02em;line-height:1.5}.card-badge-plus{background:var(--cat-ai-solid, #8b5cf6);color:#fff}.card-badge-desktop{background:var(--bg-glass, rgba(0,0,0,.06));color:var(--text-secondary)}.card-badge-soon{background:var(--border-strong, #d1d5db);color:var(--text-secondary)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-xl);min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);cursor:pointer;transition:border-color .15s,background .15s;background:var(--bg-card);text-align:center;padding:var(--sp-6);position:relative}.dropzone:hover,.dropzone.drag-over{border-color:var(--brand-mid);background:color-mix(in srgb,var(--brand-light) 30%,transparent)}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.dz-mark{height:80px;width:auto;filter:drop-shadow(0 4px 12px rgba(74,189,154,.25));pointer-events:none}.dz-title{font-size:16px;font-weight:600;color:var(--text-primary)}.dz-sub{font-size:13px;color:var(--text-secondary)}.browse-link{color:var(--brand-mid);cursor:pointer;text-decoration:underline}.tool-panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--sp-5)}.tool-header{display:flex;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-default)}.tool-header .tool-icon{font-size:28px}.tool-header-text .tool-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:2px;font-family:var(--font-display)}.tool-header-text .tool-desc{font-size:13px;color:var(--text-secondary)}.tool-back{margin-left:auto;background:none;border:1px solid var(--border-default);border-radius:var(--r-md);padding:6px 12px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:background .12s}.tool-back:hover{background:var(--bg-hover)}.result-card{background:color-mix(in srgb,var(--brand-light) 20%,var(--bg-card));border:1px solid var(--brand-light);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4)}.result-card .result-info{flex:1}.result-card .result-name{font-size:14px;font-weight:600;color:var(--text-primary)}.result-card .result-meta{font-size:12px;color:var(--text-tertiary);margin-top:2px}.btn-download{height:36px;padding:0 var(--sp-4);border-radius:var(--r-md);border:none;background:var(--brand-gradient);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.btn-download:hover{opacity:.9}.options-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin:var(--sp-4) 0;align-items:flex-end}.opt-group{display:flex;flex-direction:column;gap:var(--sp-1)}.opt-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.opt-input,.opt-select{height:34px;border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--bg-input);color:var(--text-primary);font-size:13px;padding:0 var(--sp-3);outline:none;font-family:var(--font-sans);transition:border-color .15s;min-width:80px}.opt-input:focus,.opt-select:focus{border-color:var(--brand-mid)}.btn-action{height:40px;padding:0 var(--sp-5);border-radius:var(--r-md);border:none;background:var(--brand-gradient);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;display:inline-flex;align-items:center;gap:var(--sp-2)}.btn-action:hover{opacity:.9}.btn-action:disabled{opacity:.45;cursor:not-allowed}.gate-banner{background:color-mix(in srgb,var(--cat-ai-solid) 10%,var(--bg-card));border:1px solid color-mix(in srgb,var(--cat-ai-solid) 30%,transparent);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);font-size:13px;color:var(--text-secondary);margin-bottom:var(--sp-4)}.gate-banner strong{color:var(--text-primary)}.gate-banner .gate-cta{margin-left:auto}.settings-panel{max-width:520px}.settings-section{margin-bottom:var(--sp-6)}.settings-section h3{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-default)}.settings-row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.settings-row label{font-size:13px;color:var(--text-primary);flex:1}.settings-input{flex:2;height:34px;border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--bg-input);color:var(--text-primary);font-size:13px;padding:0 var(--sp-3);outline:none;font-family:var(--font-mono);transition:border-color .15s}.settings-input:focus{border-color:var(--brand-mid)}.btn-sm{height:30px;padding:0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);font-size:12px;cursor:pointer;transition:background .12s}.btn-sm:hover{background:var(--bg-hover)}.btn-sm-primary{border-color:var(--brand-mid);background:var(--brand-gradient);color:#fff;border:none}.btn-sm-primary:hover{opacity:.9;background:var(--brand-gradient)}.toast-root{position:fixed;bottom:var(--sp-5);right:var(--sp-5);z-index:9999;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);font-size:13px;color:var(--text-primary);box-shadow:0 4px 16px #0000001a;pointer-events:auto;animation:toast-in .2s ease;max-width:320px}.toast.error{border-color:#f87171;color:#dc2626}.toast.success{border-color:var(--brand-mid)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.progress-wrap{background:var(--bg-muted);border-radius:99px;height:4px;overflow:hidden;margin:var(--sp-3) 0}.progress-bar{height:100%;background:var(--brand-gradient);border-radius:99px;transition:width .3s ease}.ai-messages{display:flex;flex-direction:column;gap:var(--sp-3);max-height:400px;overflow-y:auto;padding:var(--sp-3);background:var(--bg-muted);border-radius:var(--r-lg);margin-bottom:var(--sp-3)}.msg{max-width:85%;line-height:1.55;font-size:13px}.msg-user{align-self:flex-end;background:var(--brand-gradient);color:#fff;border-radius:var(--r-lg) var(--r-lg) 4px var(--r-lg);padding:var(--sp-2) var(--sp-3)}.msg-ai{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 4px;padding:var(--sp-2) var(--sp-3)}.ai-input-row{display:flex;gap:var(--sp-2)}.ai-input-row input{flex:1;height:38px;border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--bg-input);color:var(--text-primary);font-size:13px;padding:0 var(--sp-3);outline:none;font-family:var(--font-sans)}.ai-input-row input:focus{border-color:var(--brand-mid)}[data-theme=dark]{color-scheme:dark}[data-theme=dark] .bento-card{background:var(--bg-card)}[data-theme=dark] .home-search-wrap{background:#ffffff0f}[data-theme=dark] .settings-input{background:var(--bg-input)}@media(max-width:640px){.sidebar{display:none}body{overflow:auto}main{padding:var(--sp-4)}.home-hero-mark{display:none}.home-hero-title{font-size:20px}}