.cp-page{--cp-primary:#2563eb;--cp-primary-2:#0891b2;--cp-success:#059669;--cp-danger:#dc2626;--cp-ink:var(--text);--cp-muted:var(--muted);--cp-panel:color-mix(in srgb,var(--card)92%,transparent);--cp-soft:color-mix(in srgb,var(--surface)88%,#2563eb 12%);width:min(1600px,100% - 40px);color:var(--cp-ink);margin:24px auto 56px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.cp-page *,.cp-page :before,.cp-page :after{box-sizing:border-box}.cp-eyebrow{color:var(--cp-primary);letter-spacing:.12em;text-transform:uppercase;background:rgba(37,99,235,.08);border-radius:999px;align-items:center;margin-bottom:14px;padding:6px 14px;font-size:11px;font-weight:900;display:inline-flex}.cp-trust-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:28px;display:flex}.cp-trust-grid span,.cp-save-pill{white-space:nowrap;color:var(--cp-primary);background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:800;transition:all .25s;display:inline-flex}.cp-trust-grid span:hover{background:rgba(37,99,235,.12);transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,99,235,.14)}.cp-workspace{border:1px solid color-mix(in srgb,var(--border)82%,transparent);background:radial-gradient(circle at top right,rgba(37,99,235,.14),transparent 35%),radial-gradient(circle at bottom left,rgba(8,145,178,.08),transparent 45%),var(--cp-panel);border-radius:30px;gap:24px;width:100%;padding:max(30px,min(4vw,48px));display:grid;box-shadow:0 24px 70px rgba(15,23,42,.08)}.cp-workspace.cp-workspace-idle{justify-items:center;display:grid}.cp-settings,.cp-step-card,.cp-result{border:1px solid color-mix(in srgb,var(--border)78%,transparent);background:var(--cp-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;box-shadow:0 18px 48px rgba(15,23,42,.1)}.cp-settings{gap:18px;width:min(760px,100%);margin-left:auto;margin-right:auto;display:grid}.cp-workspace-idle .cp-upload-box{min-height:250px}.cp-workspace-idle .cp-file-summary,.cp-workspace-idle .cp-presets,.cp-workspace-idle .cp-controls,.cp-workspace-idle .cp-action-row{max-width:100%}.cp-settings.is-compact{position:static}.cp-upload-box{background:radial-gradient(circle at top,rgba(8,145,178,.18),transparent 42%),linear-gradient(180deg,rgba(37,99,235,.08),rgba(37,99,235,.02)),var(--surface);text-align:center;cursor:pointer;border:1.5px dashed rgba(37,99,235,.42);border-radius:22px;place-items:center;gap:10px;min-height:238px;padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden}.cp-upload-box:hover,.cp-upload-box:focus-within{border-color:var(--cp-primary);transform:translateY(-2px);box-shadow:0 18px 42px rgba(37,99,235,.18)}.cp-upload-box input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cp-upload-icon,.cp-success-mark,.cp-orb{color:#fff;background:linear-gradient(135deg,var(--cp-primary),var(--cp-primary-2));border-radius:22px;place-items:center;display:grid;box-shadow:0 16px 34px rgba(37,99,235,.26)}.cp-upload-icon{justify-content:center;align-items:center;width:68px;height:68px;display:flex}.cp-upload-icon svg{width:34px;height:34px}.cp-upload-label{font-size:21px;font-weight:950}.cp-hint{max-width:260px;color:var(--cp-muted);font-size:13px;line-height:1.45}.cp-file-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cp-file-summary div{background:var(--cp-soft);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:12px;display:flex}.cp-file-summary strong,.cp-file-summary span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.cp-file-summary strong{font-size:15px;font-weight:950}.cp-file-summary span{color:var(--cp-muted);text-transform:uppercase;margin-top:3px;font-size:11px;font-weight:850}.cp-presets{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cp-presets button,.cp-advanced-toggle,.cp-reset-btn,.cp-action-row button,.cp-ready-flow button,.cp-download-btn,.cp-download-all{min-height:46px;font:inherit;cursor:pointer;text-align:center;border:0;border-radius:16px;justify-content:center;align-items:center;font-weight:950;transition:transform .18s,box-shadow .18s,opacity .18s,background .18s;display:flex}.cp-ready-flow button{width:min(320px,100%)}.cp-presets button{background:var(--surface);color:var(--cp-muted);padding:11px 8px}.cp-presets button:hover,.cp-presets button.active{color:var(--cp-primary);background:rgba(37,99,235,.12);box-shadow:inset 0 0 0 1px rgba(37,99,235,.22)}.cp-advanced-toggle,.cp-reset-btn{background:var(--surface);color:var(--cp-ink);box-shadow:inset 0 0 0 1px var(--border)}.cp-advanced-toggle.active,.cp-advanced-toggle:hover,.cp-reset-btn:hover{color:var(--cp-primary);background:rgba(37,99,235,.1);box-shadow:inset 0 0 0 1px rgba(37,99,235,.25)}.cp-controls{background:var(--surface);border-radius:18px;gap:12px;padding:14px;display:grid}.cp-controls label,.cp-check{font-size:13px;font-weight:800}.cp-controls input[type=range]{width:100%;accent-color:var(--cp-primary)}.cp-check{color:var(--cp-muted);align-items:flex-start;gap:9px;line-height:1.4;display:flex}.cp-check input{accent-color:var(--cp-primary);margin-top:2px}.cp-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cp-action-row button:first-child,.cp-ready-flow button,.cp-download-btn,.cp-download-all{background:linear-gradient(135deg,var(--cp-primary),var(--cp-primary-2));color:#fff;box-shadow:0 14px 28px rgba(37,99,235,.22)}.cp-action-row button:hover,.cp-ready-flow button:hover,.cp-download-btn:hover,.cp-download-all:hover{transform:translateY(-1px)}.cp-action-row button:disabled,.cp-ready-flow button:disabled,.cp-reset-btn:disabled{cursor:not-allowed;opacity:.58;transform:none}.cp-error{color:var(--cp-danger);background:rgba(220,38,38,.1);border-radius:16px;padding:12px 14px;font-size:13px;font-weight:850;line-height:1.45}.cp-side{width:min(900px,100%);margin-left:auto;margin-right:auto}.cp-step-card{min-height:360px;padding:max(18px,min(3vw,28px))}.cp-stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:28px;display:grid}.cp-step{background:var(--surface);min-width:0;color:var(--cp-muted);border-radius:999px;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex;position:relative}.cp-step span{background:color-mix(in srgb,var(--border)65%,transparent);color:#fff;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:950;display:grid}.cp-step strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cp-step.active{color:var(--cp-primary);background:rgba(37,99,235,.11)}.cp-step.done span{background:var(--cp-success)}.cp-empty-flow,.cp-ready-flow,.cp-progress-card{text-align:center;align-content:center;justify-items:center;min-height:260px;display:grid}.cp-orb{letter-spacing:.04em;width:86px;height:86px;margin-bottom:18px;font-size:20px;font-weight:950}.cp-empty-flow h2,.cp-ready-flow h2,.cp-progress-card h2,.cp-download-screen h2,.cp-result-header h2{letter-spacing:0;margin:0;font-size:max(28px,min(4vw,46px));line-height:1}.cp-empty-flow p{max-width:340px;color:var(--cp-muted);margin:12px 0 0;line-height:1.55}.cp-ready-file{background:var(--surface);border-radius:18px;align-items:center;gap:12px;margin:18px 0;padding:12px 14px;display:flex}.cp-ready-file span{width:36px;height:36px;color:var(--cp-primary);background:rgba(37,99,235,.12);border-radius:12px;place-items:center;font-weight:950;display:grid}.cp-ready-file strong{font-size:18px}.cp-progress-ring{background:radial-gradient(circle,var(--cp-panel)54%,transparent 56%),conic-gradient(var(--cp-primary)var(--progress,0%),rgba(37,99,235,.12) 0);border-radius:999px;place-items:center;width:132px;height:132px;margin-bottom:18px;display:grid;box-shadow:0 18px 44px rgba(37,99,235,.18)}.cp-progress-ring span{font-size:28px;font-weight:950}.cp-progress-sub,.cp-progress-file{color:var(--cp-muted);font-size:13px;font-weight:800}.cp-progress-sub{margin-top:10px}.cp-progress-bar{background:rgba(37,99,235,.12);border-radius:999px;width:min(360px,100%);height:9px;margin:18px 0 10px;overflow:hidden}.cp-progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--cp-primary),var(--cp-primary-2));height:100%;transition:width .25s}.cp-progress-file{text-overflow:ellipsis;white-space:nowrap;width:min(420px,100%);overflow:hidden}.cp-result{padding:max(18px,min(3vw,30px))}.cp-download-screen{text-align:center;justify-items:center;display:grid}.cp-success-mark{background:linear-gradient(135deg,var(--cp-success),#14b8a6);width:74px;height:74px;margin-bottom:14px;font-size:34px;font-weight:950}.cp-save-pill{color:var(--cp-success);background:rgba(5,150,105,.11);margin-top:12px}.cp-size-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(420px,100%);margin:20px 0;display:grid}.cp-size-stats p{background:var(--surface);color:var(--cp-muted);border-radius:18px;margin:0;padding:14px;font-size:13px;font-weight:850}.cp-size-stats strong{color:var(--cp-ink);margin-bottom:5px;display:block}.cp-rename-box{gap:10px;width:min(440px,100%);display:grid}.cp-rename-box input,.cp-rename-input{background:var(--surface);width:100%;min-width:0;color:var(--cp-ink);font:inherit;box-shadow:inset 0 0 0 1px var(--border);border:0;border-radius:16px;font-weight:800}.cp-rename-box input{text-align:center;padding:14px}.cp-rename-input{padding:11px 12px;font-size:14px}.cp-rename-box input:focus,.cp-rename-input:focus{box-shadow:inset 0 0 0 1px var(--cp-primary),0 0 0 4px rgba(37,99,235,.14);outline:none}.cp-presets button:focus-visible{box-shadow:inset 0 0 0 1px var(--cp-primary),0 0 0 4px rgba(37,99,235,.14);outline:none}.cp-action-row button:focus-visible{box-shadow:inset 0 0 0 1px var(--cp-primary),0 0 0 4px rgba(37,99,235,.14);outline:none}.cp-ready-flow button:focus-visible{box-shadow:inset 0 0 0 1px var(--cp-primary),0 0 0 4px rgba(37,99,235,.14);outline:none}.cp-advanced-toggle:focus-visible{box-shadow:inset 0 0 0 1px var(--cp-primary),0 0 0 4px rgba(37,99,235,.14);outline:none}.cp-download-btn:focus-visible{box-shadow:inset 0 0 0 1px var(--cp-primary),0 0 0 4px rgba(37,99,235,.14);outline:none}.cp-download-all:focus-visible{box-shadow:inset 0 0 0 1px var(--cp-primary),0 0 0 4px rgba(37,99,235,.14);outline:none}.cp-download-btn,.cp-download-all,.cp-result-wide{width:100%}.cp-download-all{width:min(440px,100%);margin:18px 0 8px}.cp-multi-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;width:100%;margin-top:16px;display:grid}.cp-multi-row{background:var(--surface);text-align:left;border-radius:18px;gap:12px;min-width:0;padding:14px;display:grid}.cp-multi-row.has-error,.cp-result-error{background:rgba(220,38,38,.08)}.cp-multi-info{gap:7px;min-width:0;display:grid}.cp-multi-sizes,.cp-multi-error{color:var(--cp-muted);font-size:12px;font-weight:800;line-height:1.45}.cp-multi-error,.cp-single-error span{color:var(--cp-danger)}.cp-single-error{background:var(--surface);border-radius:18px;gap:8px;width:min(520px,100%);margin-top:16px;padding:16px;display:grid}.cp-single-error strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cp-single-error span{font-size:13px;font-weight:850;line-height:1.5}.cp-step.done span{background:var(--cp-success);animation:.35s cpCheck;transform:scale(1)}.cp-download-all,.cp-reset-btn{width:min(440px,100%)}@keyframes cpCheck{0%{transform:scale(.2)}70%{transform:scale(1.15)}to{transform:scale(1)}}.cp-step{transition:background .35s,color .35s,transform .35s}.cp-step.active{transform:scale(1.04)}.cp-step.done{opacity:1}.cp-header{text-align:center;width:100%;max-width:1100px;margin:0 auto 24px}.cp-header h1{letter-spacing:-.03em;margin:0;font-size:max(42px,min(6vw,72px));font-weight:950;line-height:.95}.cp-header h1 span{color:var(--cp-primary)}.cp-header{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1100px;margin:0 auto 24px;display:flex}.cp-hero-description{max-width:760px;color:var(--cp-muted);text-align:center;margin:18px auto 0;font-size:max(16px,min(2vw,19px));line-height:1.7}@media (max-width:920px){.cp-page{width:calc(100% - 24px)}.cp-workspace{gap:20px;padding:24px}.cp-header h1{font-size:max(38px,min(6vw,56px))}.cp-hero-description{max-width:100%;font-size:16px}.cp-trust-grid{justify-content:center;gap:10px}.cp-trust-grid span{padding:9px 14px;font-size:12px}.cp-settings,.cp-side{width:100%}}@media (max-width:560px){.cp-page{width:calc(100% - 16px);margin-top:14px}.cp-workspace{border-radius:22px;gap:18px;padding:18px}.cp-header h1{font-size:34px;line-height:1.05}.cp-hero-description{font-size:15px;line-height:1.6}.cp-trust-grid{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cp-trust-grid span{flex:0 calc(50% - 8px);max-width:calc(50% - 8px);padding:9px 12px;font-size:11px}.cp-file-summary,.cp-size-stats,.cp-action-row,.cp-presets{grid-template-columns:1fr}.cp-download-btn,.cp-download-all,.cp-reset-btn{width:100%}}@media (max-width:400px){.cp-trust-grid span{flex:100%;max-width:100%}}