.compressor-page{color:#fff;background:linear-gradient(135deg,#6d2108 0%,#c84b0d 46%,#8d2c09 100%);min-height:100vh;padding:28px 34px 48px}.compressor-header,.compressor-shell{max-width:1280px;margin:0 auto}.compressor-header{justify-content:space-between;align-items:center;display:flex}.compressor-brand{color:#fff;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.compressor-brand span,.action-icon{color:#fff;background:#ff9a70;border-radius:7px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.local-pill,.eyebrow,.mode-title>span{color:#53679d;background:#eef0ff;border:1px solid #dfe1ff;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:800}.compressor-shell{padding-top:48px}.compressor-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.compressor-heading h1{letter-spacing:-.03em;margin:18px 0 12px;font-size:clamp(44px,6vw,70px);line-height:.98}.compressor-heading p{color:#fff4edd1;margin:0;font-size:17px}.workflow{color:#fff4eddb;white-space:nowrap;font-size:12px;font-weight:800}.workflow b{border:1px solid #ffece0b3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin:0 4px;display:inline-flex}.workflow b:first-child{color:#fff;background:#ff9f73;border-color:#ff9f73}.workflow i{color:#ffece0a6;margin:0 5px;font-style:normal}.pdf-card,.quality-card,.compressor-actions{background:#fff;border:1px solid #dae3f0;border-radius:8px;padding:16px;box-shadow:0 16px 38px #3f527c17}.pdf-card.is-dragging{border-color:#8298cd}.pdf-slot{text-align:center;background:linear-gradient(135deg,#fbfcff,#f1f5fd);border:1px dashed #cbd5e5;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;display:flex;position:relative}.slot-number{background:#fff;border:1px solid #d7e0ec;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:900;display:flex;position:absolute;top:18px;left:18px}.slot-plus{color:#536ba8;font-size:60px;font-weight:300;line-height:1}.pdf-slot h2{color:#334d8b;overflow-wrap:anywhere;max-width:80%;margin:10px 0 6px;font-size:20px}.pdf-slot p,.pdf-only{color:#70809d;margin:0}.choose-button,.compress-button{color:#fff;cursor:pointer;background:#ff6b21;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:background-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.choose-button:hover,.compress-button:not(:disabled):hover{background:#e95712;box-shadow:0 8px 18px #ff6b213d}.choose-button:focus-visible{background:#e95712;box-shadow:0 8px 18px #ff6b213d}.compress-button:not(:disabled):focus-visible{background:#e95712;box-shadow:0 8px 18px #ff6b213d}.choose-button:active,.compress-button:not(:disabled):active{transform:translateY(1px)}.choose-button{margin-top:20px;padding:13px 18px}.pdf-only{margin-top:12px;font-size:13px}.pdf-options{grid-template-columns:1fr 1.45fr;gap:16px;margin-top:16px;display:grid}.selected-file,.compression-modes{border:1px solid #d9e2ef;border-radius:7px;padding:16px}.field-label{color:#60749a;margin:0 0 10px;font-size:13px;font-weight:800}.selected-file strong,.selected-file span{overflow-wrap:anywhere;display:block}.selected-file span{color:#7b89a3;margin-top:8px;font-size:13px}.mode-title{justify-content:space-between;align-items:center;display:flex}.mode-title>span{font-size:11px}.mode-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.mode-option{cursor:pointer;background:#fbfcff;border:1px solid #dce4ef;border-radius:7px;gap:5px;min-height:82px;padding:12px;display:grid}.mode-option input{accent-color:#5d76af;grid-row:span 2;margin-top:3px}.mode-option strong{font-size:14px}.mode-option span{color:#7b89a3;font-size:12px}.mode-option.selected{background:#f0f5ff;border-color:#8298cd}.compress-button{width:100%;min-height:52px;margin-top:16px;font-size:15px}.compress-button:disabled{cursor:not-allowed;opacity:.8;background:#f6c8b4}.error-message{color:#b64b58;background:#fff0f2;border:1px solid #efc4cb;border-radius:7px;margin:16px 0 0;padding:12px}.quality-card{margin-top:16px}.quality-card>p:not(.field-label){color:#70809d;margin:0;font-size:14px;line-height:1.6}.result-summary{border-top:1px solid #e4e9f2;gap:16px;margin-top:14px;padding-top:14px;display:flex}.result-summary strong{font-size:20px}.result-summary span{color:#66789f;font-size:13px}.compressor-actions{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.action-summary,.action-buttons{align-items:center;gap:12px;display:flex}.action-icon{color:#536ba8;background:#fff;border:1px solid #d7e0ec;font-size:11px}.action-summary strong,.action-summary small{display:block}.action-summary strong{font-size:14px}.action-summary small{color:#7b89a3;margin-top:3px;font-size:12px}.reset-button,.download-button{border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 16px;font-size:14px;font-weight:800;display:inline-flex}.reset-button{color:#fff;cursor:pointer;background:#ff6b21;border:1px solid #ff6b21;transition:background-color .16s,box-shadow .16s,transform .16s}:is(.reset-button:hover,.reset-button:focus-visible){background:#e95712;border-color:#e95712;box-shadow:0 8px 18px #ff6b213d}.reset-button:active{transform:translateY(1px)}.download-button{color:#fff;background:#ff6b21;border:1px solid #ff6b21;text-decoration:none;transition:background-color .16s,box-shadow .16s,transform .16s}:is(.download-button:not(.disabled):hover,.download-button:not(.disabled):focus-visible){background:#e95712;border-color:#e95712;box-shadow:0 8px 18px #ff6b213d}.download-button:not(.disabled):active{transform:translateY(1px)}.download-button.disabled{cursor:not-allowed;opacity:.45;pointer-events:none;background:#f6c8b4;border-color:#f6c8b4}.sr-only{width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (max-width:700px){.compressor-page{padding:18px}.compressor-heading{flex-direction:column;align-items:start;gap:20px}.pdf-options,.mode-grid{grid-template-columns:1fr}.compressor-actions{flex-direction:column;align-items:stretch;gap:16px}.action-buttons{grid-template-columns:1fr 1fr;display:grid}.reset-button,.download-button{width:100%}}