:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#161523;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--brand:#5940aa;--brand-strong:#432d91;--brand-soft:#efeafd;--brand-quiet:#f8f5ff;--ink:#161523;--muted:#686477;--line:#dfd9ec;--line-strong:#cbc1e5;--panel:#ffffffeb;--success:#188a68;--danger:#d2412e;--shadow:0 22px 54px #291f521f;background:#f6f4fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% -8%,#5940aa29,#0000 34%),linear-gradient(#fbfaff 0%,#f4f1fa 48%,#f7f8fb 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{border:0}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.48}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.shell{width:min(1240px,100vw - 32px);margin:0 auto;padding:30px 0 42px}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;padding:8px 0 24px;display:flex}.eyebrow{min-height:26px;color:var(--brand);letter-spacing:0;background:#fff;border:1px solid #5940aa38;border-radius:999px;align-items:center;margin:0 0 10px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}h1,h2,p{margin:0}h1{color:var(--ink);letter-spacing:0;font-size:clamp(30px,5vw,54px);line-height:1}.brand-title{align-items:center;gap:14px;display:flex}.brand-title-icon{border-radius:14px;flex:none;width:58px;height:58px;box-shadow:0 14px 28px #5940aa33}h2{color:var(--ink);letter-spacing:0;font-size:15px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.primary-button,.download-button,.ghost-button,.secondary-button,.mini-button,.icon-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,color .16s;display:inline-flex}.primary-button:hover:not(:disabled),.download-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.mini-button:hover:not(:disabled),.icon-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button{background:var(--brand);color:#fff;padding:0 18px;position:relative;overflow:hidden;box-shadow:0 14px 26px #5940aa47}.primary-button .button-content{z-index:1;align-items:center;gap:8px;display:inline-flex;position:relative}.primary-button:hover:not(:disabled){background:var(--brand-strong)}.primary-button.is-processing{opacity:1;background:#a998d7;min-width:146px;box-shadow:0 14px 26px #5940aa3d}.primary-button.is-processing .process-progress-fill{width:var(--process-progress,0%);border-radius:inherit;background:linear-gradient(90deg,#5940aa,#7a5ad8);transition:width .22s;position:absolute;inset:0 auto 0 0}.primary-button.is-processing:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);animation:1.2s ease-in-out infinite process-button-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes process-button-shine{to{transform:translate(100%)}}.download-button{color:#fff;background:#161523;padding:0 18px;box-shadow:0 14px 26px #1615232e}.download-button:hover:not(:disabled){background:#2b2547}.ghost-button,.secondary-button,.mini-button,.icon-button{color:#33245f;border:1px solid var(--line);background:#ffffffe6}.ghost-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.mini-button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--brand-quiet);color:var(--brand);border-color:#5940aa5c}.ghost-button,.secondary-button{padding:0 14px}.workspace{grid-template-columns:304px minmax(0,1fr);align-items:start;gap:20px;display:grid}.tool-panel,.main-panel{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #dfd9eceb}.tool-panel{border-radius:8px;gap:18px;padding:18px;display:grid;position:sticky;top:18px}.main-panel{border-radius:8px;min-height:640px;padding:18px}.panel-heading{align-items:center;gap:10px;padding-bottom:2px;display:flex}.panel-heading svg{color:var(--brand)}.field{color:#46405d;gap:8px;font-size:13px;font-weight:800;display:grid}.field span{justify-content:space-between;gap:12px;display:flex}.field strong{color:var(--brand);font-size:13px}select{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:0 12px;transition:border-color .16s,box-shadow .16s}select:focus{border-color:var(--brand);box-shadow:0 0 0 4px #5940aa1f}input[type=range]{width:100%;accent-color:var(--brand)}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16152357;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.config-dialog{background:#fff;border:1px solid #5940aa2e;border-radius:10px;gap:16px;width:min(520px,100%);padding:20px;display:grid;box-shadow:0 28px 70px #16152342}.config-dialog-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.config-dialog-heading h2{font-size:19px}.config-dialog p{color:var(--muted);font-size:13px;font-weight:700;line-height:1.6}.config-dialog p strong{color:var(--ink)}.config-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.provider-option{border:1px solid var(--line);color:#33245f;text-align:left;cursor:pointer;background:#fff;border-radius:8px;gap:4px;min-height:82px;padding:12px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid}.provider-option:hover:not(:disabled){background:var(--brand-quiet);border-color:#5940aa5c;transform:translateY(-1px)}.provider-option.is-selected{background:linear-gradient(#fff,#f8f5ff);border-color:#5940aa94;box-shadow:inset 0 0 0 1px #5940aa24}.provider-option strong,.provider-option span,.provider-option em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-option strong{color:var(--ink);font-size:13px;font-weight:900}.provider-option span{color:var(--muted);font-size:12px;font-weight:800}.provider-option em{color:#817894;background:#f0eef8;border-radius:999px;align-self:end;width:fit-content;margin-top:2px;padding:2px 6px;font-size:11px;font-style:normal;font-weight:900}.provider-option.has-key em{color:var(--brand);background:#eee9ff}.provider-option.is-selected em{background:var(--brand);color:#fff}.more-provider-trigger strong{color:var(--brand)}.config-more-providers{background:#f8f7fc94;border:1px dashed #5940aa1f;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:-8px;padding:8px;display:grid}.provider-option.is-compact{color:#5f5872;min-height:60px;box-shadow:none;background:#ffffff9e;border-color:#5940aa1f;padding:10px 12px}.provider-option.is-compact:hover:not(:disabled){background:#ffffffd1;border-color:#5940aa38;transform:none}.provider-option.is-compact.is-selected{background:#f6f2ff94;border-color:#5940aa47;box-shadow:inset 3px 0 #5940aa6b}.provider-option.is-compact strong{color:#332b4f;font-size:12px;font-weight:800}.provider-option.is-compact span{color:#8a849b;font-size:11px;font-weight:700}.provider-option.is-compact em{color:#746a91;background:#5940aa14;padding:1px 6px;font-size:10px;font-weight:800}.provider-option.is-compact.has-key em,.provider-option.is-compact.is-selected em{color:#5940aa;background:#5940aa1f}.config-field{color:#46405d;gap:8px;font-size:12px;font-weight:900;display:grid}.config-field input{border:1px solid var(--line);width:100%;height:46px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:0 12px;transition:border-color .16s,box-shadow .16s}.config-field input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #5940aa1f}.saved-key-card{background:#f8f7fb;border:1px solid #5940aa1f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 12px;display:flex}.saved-key-info{gap:2px;min-width:0;display:grid}.saved-key-info strong,.saved-key-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-key-info strong{color:#33245f;font-size:12px;font-weight:900}.saved-key-info span{color:#817894;font-size:12px;font-weight:800}.saved-key-action{color:var(--brand);cursor:pointer;background:0 0;border:0;flex:none;font-size:12px;font-weight:900}.saved-key-action:hover:not(:disabled){text-decoration:underline}.saved-key-action:disabled{cursor:not-allowed;opacity:.5}.config-error{color:var(--danger)!important}.config-actions{justify-content:flex-end;gap:10px;display:flex}.preset-list{gap:10px;display:grid}.preset-option{border:1px solid var(--line);color:#33245f;text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:66px;padding:12px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid}.preset-option:hover:not(:disabled){background:var(--brand-quiet);border-color:#5940aa5c;transform:translateY(-1px)}.preset-option.is-selected{background:linear-gradient(#fff,#f8f5ff);border-color:#5940aa94;box-shadow:inset 0 0 0 1px #5940aa24}.preset-option strong,.preset-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.preset-option strong{color:var(--ink);font-size:13px;font-weight:900}.preset-option small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:800}.option-check{border:1px solid var(--line-strong);color:#fff;background:#fff;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.is-selected .option-check{border-color:var(--brand);background:var(--brand)}.option-check svg{stroke-width:3px;width:14px;height:14px}.enhancement-heading{color:#5f5872;border-top:1px solid #5940aa1f;align-items:center;gap:8px;margin:2px 0 -6px;padding-top:4px;font-size:12px;font-weight:900;display:flex}.enhancement-heading:before{content:"";background:var(--brand);border-radius:999px;width:6px;height:18px}.enhancement-list{gap:8px}.ai-config-card{background:0 0;border:0;border-bottom:1px dashed #6864772e;border-radius:0;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:-12px;margin-bottom:-8px;padding:7px 2px 6px;display:grid}.ai-config-icon{color:#928a9f;background:#6864770d;border:1px solid #68647729;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.ai-config-icon svg{stroke-width:2.2px;width:13px;height:13px}.ai-config-copy{align-items:baseline;gap:6px;min-width:0;display:flex}.ai-config-copy strong,.ai-config-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-config-copy strong{color:#6f687d;font-size:11px;font-weight:800}.ai-config-copy span{color:#9891a5;font-size:11px;font-weight:700}.ai-config-button{color:#776d8d;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:24px;padding:0 4px;font-size:11px;font-weight:800;transition:color .16s,background .16s;display:inline-flex}.ai-config-button:hover:not(:disabled){color:var(--brand);background:#68647714}.enhancement-option{color:#33245f;text-align:left;cursor:pointer;background:linear-gradient(#fff,#fbfaff);border:1px solid #5940aa24;border-radius:8px;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:10px;width:100%;min-height:72px;padding:11px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.enhancement-option:hover:not(:disabled){background:linear-gradient(#fff,#f7f3ff);border-color:#5940aa57;transform:translateY(-1px)}.enhancement-option.is-selected{background:linear-gradient(#fff,#f4efff);border-color:#5940aaad;box-shadow:inset 0 0 0 1px #5940aa29}.enhancement-option.is-unavailable{background:linear-gradient(#fff,#fff7f6);border-color:#d2412e2e}.enhancement-icon{background:#f4f0ff;border:1px solid #5940aa29;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.enhancement-icon img{opacity:.82;width:25px;height:25px;display:block}.enhancement-option.is-selected .enhancement-icon{background:#ebe5ff;border-color:#5940aa4d}.enhancement-copy{min-width:0;display:block}.enhancement-copy strong,.enhancement-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.enhancement-copy strong{color:var(--ink);font-size:13px;font-weight:900}.enhancement-copy small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:800}.enhancement-option.is-unavailable .enhancement-copy small{color:var(--danger)}.enhancement-check{color:#fff;background:#fff;border:1px solid #5940aa2e;border-radius:999px;place-items:center;width:22px;height:22px;display:grid}.enhancement-option.is-selected .enhancement-check{border-color:var(--brand);background:var(--brand)}.enhancement-check svg{stroke-width:3px;width:13px;height:13px}.stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stats div{background:linear-gradient(#fff,#fbf9ff);border:1px solid #5940aa29;border-radius:8px;align-content:center;gap:3px;min-height:76px;padding:13px;display:grid}.stats strong{color:var(--ink);font-size:30px;line-height:1}.stats span{color:var(--muted);font-size:12px;font-weight:800}.drop-zone{min-height:196px;color:var(--ink);cursor:pointer;background:linear-gradient(135deg,#5940aa1f,#ffffffb8),#fff;border:1.5px dashed #5940aa6b;border-radius:8px;place-items:center;gap:8px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:grid}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.is-active{border-color:var(--brand);background:linear-gradient(135deg,#5940aa2e,#ffffffd1),#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #5940aa24}.drop-zone:focus-visible{outline:3px solid #5940aa29;outline-offset:3px}.drop-zone input{display:none}.drop-icon{background:var(--brand);color:#fff;border-radius:8px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 16px 28px #5940aa42}.drop-icon svg{width:24px;height:24px}.drop-title{color:var(--ink);font-size:22px;font-weight:900}.drop-meta{color:var(--muted);font-size:13px;font-weight:800}.file-grid{grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:14px;margin-top:18px;display:grid}.file-grid.is-empty{place-items:center;min-height:330px}.empty-state{color:#817995;place-items:center;gap:12px;font-weight:800;display:grid}.empty-state svg{color:#9b91b9;width:42px;height:42px}.file-card{background:#fff;border:1px solid #dfd9eceb;border-radius:8px;gap:10px;min-width:0;padding:10px;display:grid;position:relative;box-shadow:0 10px 24px #291f5212}.file-card.processing{border-color:#5940aa61}.file-card.done{border-color:#188a6857}.file-card.error{border-color:#d2412e6b}.remove-button{z-index:2;color:#4d4561;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;width:34px;height:34px;min-height:34px;position:absolute;top:8px;right:8px}.thumb{aspect-ratio:1;background-color:#f7f5fc;background-image:linear-gradient(45deg,#ebe6f7 25%,#0000 25%),linear-gradient(-45deg,#ebe6f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ebe6f7 75%),linear-gradient(-45deg,#0000 75%,#ebe6f7 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.thumb.is-half-preview{aspect-ratio:3/4}.thumb img{object-fit:contain;width:100%;height:100%;transition:filter .18s,opacity .18s,transform .18s}.preview-label{color:#8a8495;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border:1px solid #c2bdcdad;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;line-height:1.2;position:absolute;bottom:8px;right:8px}.small-avatar-preview{color:#8a8495;background:#fbfbfd;border:1px dashed #c8c4d0;border-radius:8px;grid-template-columns:42px 1fr;align-items:center;gap:8px;min-height:54px;padding:6px 8px;font-size:11px;font-weight:800;display:grid}.small-avatar-preview img{object-fit:contain;background-color:#f4f3f7;background-image:linear-gradient(45deg,#e4e1ea 25%,#0000 25%),linear-gradient(-45deg,#e4e1ea 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e4e1ea 75%),linear-gradient(-45deg,#0000 75%,#e4e1ea 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border-radius:6px;width:42px;height:42px}.small-avatar-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-card.processing .thumb img{filter:blur(4px)saturate(.85);opacity:.62;transform:scale(1.025)}.thumb-loading{z-index:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#1615231f;place-items:center;display:grid;position:absolute;inset:0}.thumb-loading:before{content:"";border:3px solid #ffffffb8;border-top-color:var(--brand);border-radius:999px;width:38px;height:38px;animation:.78s linear infinite thumb-spin;box-shadow:0 8px 20px #291f522e}@keyframes thumb-spin{to{transform:rotate(360deg)}}.file-info{gap:4px;min-width:0;display:grid}.file-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;line-height:1.3;overflow:hidden}.file-status{color:var(--muted);font-size:12px;font-weight:800}.processing .file-status{color:var(--brand)}.progress-track{background:#ebe6f7;border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--brand);width:0;transition:width .22s;position:absolute;inset:0 auto 0 0}.progress-meta{color:var(--muted);justify-content:space-between;gap:10px;font-size:12px;font-weight:800;line-height:1.25;display:flex}.progress-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.progress-meta span:first-child{color:var(--brand);flex:none}.done .file-status{color:var(--success)}.error .file-status,.error-text{color:var(--danger)}.error-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.error-text{margin:0;font-size:12px;line-height:1.45}.error-key-button{min-height:28px;color:var(--danger);cursor:pointer;background:#fff4f2;border:1px solid #e030253d;border-radius:8px;flex:none;padding:0 10px;font-size:12px;font-weight:900;transition:background .16s,border-color .16s,transform .16s}.error-key-button:hover:not(:disabled){background:#ffeae6;border-color:#e030256b;transform:translateY(-1px)}.mini-button{width:100%;min-height:36px;color:var(--brand);font-weight:900}.output-actions{gap:8px;display:grid}@media (width<=860px){.shell{width:min(100% - 20px,720px);padding-top:18px}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-start}.workspace{grid-template-columns:1fr}.tool-panel{position:static}.main-panel{min-height:520px}}@media (width<=520px){.config-provider-grid,.config-more-providers{grid-template-columns:1fr}.topbar-actions{grid-template-columns:1fr 1fr;display:grid}.topbar-actions .primary-button,.topbar-actions .download-button{grid-column:1/-1}.file-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}.drop-zone{min-height:162px}.drop-title{font-size:20px}.brand-title{gap:10px}.brand-title-icon{border-radius:11px;width:44px;height:44px}}