.cpt-wrapper{--cpt-bg:#0a0a0a;--cpt-card:#131313;--cpt-card-raised:#181818;--cpt-border:#262622;--cpt-border-soft:#1e1e1b;--cpt-text:#f5f5f0;--cpt-muted:#98988f;--cpt-accent:#d6ff34;--cpt-accent-ink:#0a0a0a;--cpt-danger:#ff6b57;--cpt-radius-lg:28px;--cpt-radius-md:16px;--cpt-radius-sm:10px;--cpt-font-display:'Space Grotesk', 'Segoe UI', sans-serif;--cpt-font-body:'Inter', 'Segoe UI', sans-serif;box-sizing:border-box;background:var(--cpt-bg);color:var(--cpt-text);font-family:var(--cpt-font-body);padding:48px 20px;border-radius:var(--cpt-radius-lg);max-width:640px;margin:0 auto}.cpt-wrapper *,.cpt-wrapper *::before,.cpt-wrapper *::after{box-sizing:border-box}.cpt-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cpt-card{background:var(--cpt-card);border:1px solid var(--cpt-border);border-radius:var(--cpt-radius-lg);padding:40px 32px}.cpt-header{text-align:left;margin-bottom:28px}.cpt-title{font-family:var(--cpt-font-display);font-weight:700;font-size:32px;line-height:1.15;letter-spacing:-.02em;margin:0 0 10px;color:var(--cpt-text)}.cpt-subtitle{font-size:15px;line-height:1.55;color:var(--cpt-muted);margin:0;max-width:46ch}.cpt-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:56px 24px;border-radius:var(--cpt-radius-lg);border:2px dashed #34342e;background:linear-gradient(180deg,#151511 0%,#101010 100%);cursor:pointer;transition:border-color 0.2s ease,background 0.2s ease,transform 0.15s ease}.cpt-dropzone:hover,.cpt-dropzone:focus-visible{border-color:var(--cpt-accent);background:linear-gradient(180deg,#1a1c0e 0%,#101010 100%)}.cpt-dropzone:focus-visible{outline:2px solid var(--cpt-accent);outline-offset:4px}.cpt-dropzone.is-dragover{border-color:var(--cpt-accent);background:linear-gradient(180deg,#1e210f 0%,#121208 100%);transform:scale(1.01);box-shadow:0 0 0 6px rgb(214 255 52 / .08)}.cpt-drop-icon{width:40px;height:40px;color:var(--cpt-accent);margin-bottom:6px}.cpt-drop-title{font-family:var(--cpt-font-display);font-weight:600;font-size:19px;color:var(--cpt-text)}.cpt-drop-sub{font-size:13.5px;color:var(--cpt-muted)}.cpt-error{margin:14px 4px 0;font-size:13.5px;color:var(--cpt-danger)}.cpt-file-row{display:flex;align-items:center;gap:12px;background:var(--cpt-card-raised);border:1px solid var(--cpt-border-soft);border-radius:var(--cpt-radius-md);padding:14px 16px;margin-bottom:24px}.cpt-file-icon{width:26px;height:26px;flex-shrink:0;color:var(--cpt-accent)}.cpt-file-meta{display:flex;flex-direction:column;min-width:0;flex:1}.cpt-file-name{font-size:14.5px;font-weight:600;color:var(--cpt-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpt-file-size{font-size:12.5px;color:var(--cpt-muted)}.cpt-remove-btn{background:#fff0;border:none;color:var(--cpt-muted);font-size:15px;cursor:pointer;padding:6px;line-height:1;border-radius:50%;transition:color 0.15s ease,background 0.15s ease}.cpt-remove-btn:hover{color:var(--cpt-text);background:#232320}.cpt-settings{margin-bottom:24px}.cpt-settings-label{display:block;font-size:12.5px;font-weight:600;color:var(--cpt-muted);margin-bottom:10px}.cpt-level-group{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.cpt-level-pill{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px;background:var(--cpt-card-raised);border:1px solid var(--cpt-border-soft);border-radius:var(--cpt-radius-sm);color:var(--cpt-text);cursor:pointer;font-family:var(--cpt-font-body);transition:border-color 0.15s ease,background 0.15s ease,transform 0.1s ease}.cpt-level-pill:hover{border-color:#3a3a34}.cpt-level-pill.is-active{border-color:var(--cpt-accent);background:rgb(214 255 52 / .08)}.cpt-level-pill:active{transform:scale(.98)}.cpt-level-name{font-weight:600;font-size:14px}.cpt-level-hint{font-size:11px;color:var(--cpt-muted)}.cpt-level-pill.is-active .cpt-level-hint{color:#c7d99e}.cpt-target-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff0;border:none;color:var(--cpt-muted);font-size:13px;padding:8px 2px;cursor:pointer;font-family:var(--cpt-font-body)}.cpt-target-toggle:hover{color:var(--cpt-text)}.cpt-chevron{width:10px;height:7px;transition:transform 0.2s ease;flex-shrink:0}.cpt-target-toggle[aria-expanded='true'] .cpt-chevron{transform:rotate(180deg)}.cpt-target-row{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;background:var(--cpt-card-raised);border:1px solid var(--cpt-border-soft);border-radius:var(--cpt-radius-sm)}.cpt-target-label{font-size:13.5px;color:var(--cpt-muted);flex-shrink:0}.cpt-target-input-wrap{display:flex;align-items:center;gap:6px;margin-left:auto;background:var(--cpt-bg);border:1px solid var(--cpt-border-soft);border-radius:8px;padding:6px 10px}.cpt-target-input{width:70px;background:#fff0;border:none;color:var(--cpt-text);font-size:14px;font-family:var(--cpt-font-body);text-align:right}.cpt-target-input:focus{outline:none}.cpt-target-input::-webkit-outer-spin-button,.cpt-target-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cpt-target-unit{font-size:12.5px;color:var(--cpt-muted)}.cpt-compress-btn,.cpt-download-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 24px;background:var(--cpt-accent);color:var(--cpt-accent-ink);font-family:var(--cpt-font-display);font-weight:700;font-size:15.5px;border:none;border-radius:999px;cursor:pointer;text-decoration:none;transition:transform 0.12s ease,box-shadow 0.15s ease,opacity 0.15s ease}.cpt-compress-btn:hover,.cpt-download-btn:hover{box-shadow:0 8px 24px rgb(214 255 52 / .22);transform:translateY(-1px)}.cpt-compress-btn:active,.cpt-download-btn:active{transform:translateY(0)}.cpt-compress-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.cpt-again-btn{display:block;width:100%;background:#fff0;border:none;color:var(--cpt-muted);font-family:var(--cpt-font-body);font-size:13.5px;padding:14px 0 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.cpt-again-btn:hover{color:var(--cpt-text)}.cpt-stage-center{text-align:center;padding:20px 0 4px}.cpt-progress-track{width:100%;height:8px;background:var(--cpt-card-raised);border:1px solid var(--cpt-border-soft);border-radius:999px;overflow:hidden;margin-bottom:16px}.cpt-progress-fill{height:100%;width:6%;background:var(--cpt-accent);border-radius:999px;transition:width 0.3s ease}.cpt-progress-label{font-size:13.5px;color:var(--cpt-muted);margin:0}.cpt-result-badge{display:inline-flex;align-items:center;justify-content:center;background:rgb(214 255 52 / .1);color:var(--cpt-accent);font-family:var(--cpt-font-display);font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px;margin-bottom:14px}.cpt-result-headline{font-family:var(--cpt-font-display);font-size:22px;font-weight:600;margin:0 0 22px}.cpt-size-compare{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:28px}.cpt-size-box{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--cpt-card-raised);border:1px solid var(--cpt-border-soft);border-radius:var(--cpt-radius-sm);padding:14px 22px;min-width:110px}.cpt-size-box-accent{border-color:var(--cpt-accent);background:rgb(214 255 52 / .06)}.cpt-size-box-label{font-size:11px;color:var(--cpt-muted);text-transform:none}.cpt-size-box-value{font-family:var(--cpt-font-display);font-size:17px;font-weight:600}.cpt-size-arrow{width:22px;height:11px;color:var(--cpt-muted);flex-shrink:0}.cpt-trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.cpt-trust-badge{display:flex;align-items:center;gap:7px;background:var(--cpt-card);border:1px solid var(--cpt-border);border-radius:999px;padding:9px 16px;font-size:12.5px;color:var(--cpt-muted)}.cpt-trust-badge svg{width:15px;height:15px;color:var(--cpt-accent);flex-shrink:0}@media (max-width:480px){.cpt-wrapper{padding:24px 12px;border-radius:20px}.cpt-card{padding:26px 18px;border-radius:22px}.cpt-title{font-size:25px}.cpt-subtitle{font-size:13.5px}.cpt-dropzone{padding:40px 16px;border-radius:22px}.cpt-drop-title{font-size:16.5px}.cpt-level-group{gap:8px}.cpt-level-pill{padding:11px 4px}.cpt-level-name{font-size:12.5px}.cpt-level-hint{font-size:9.5px}.cpt-size-compare{gap:10px}.cpt-size-box{padding:12px 14px;min-width:92px}.cpt-trust-row{gap:8px}.cpt-trust-badge{padding:8px 12px;font-size:11.5px}}@media (prefers-reduced-motion:reduce){.cpt-wrapper *{transition:none!important;animation:none!important}}