.pw-settings{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.pw-settings-col{display:flex;flex-direction:column;gap:20px}.pw-setting-group{display:flex;flex-direction:column;gap:10px}.pw-type-options{display:flex;gap:10px}.pw-type-radio{display:flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:14px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 16px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--bg);transition:border-color .2s,background .2s,color .2s;flex:1;justify-content:center}.pw-type-radio:hover{border-color:var(--accent);color:var(--text)}.pw-type-radio input[type=radio]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer;flex-shrink:0}.pw-type-radio:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.pw-type-label{font-size:14px}.pw-text-options,.pw-image-options{display:flex;flex-direction:column;gap:14px}.pw-field{display:flex;flex-direction:column;gap:6px}.pw-field-row{display:flex;gap:12px}.pw-field-row .pw-field{flex:1}.pw-field-label{font-family:var(--font-sans);font-size:12px;color:var(--text-dim);letter-spacing:.02em}.pw-input{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-s);padding:10px 12px;font-family:var(--font-sans);font-size:14px;color:var(--text);transition:border-color .2s;width:100%;box-sizing:border-box}.pw-input:focus{outline:none;border-color:var(--accent)}.pw-color-wrapper{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-s);padding:6px 12px}.pw-color-input{width:32px;height:32px;border:none;border-radius:var(--radius-s);cursor:pointer;padding:0;background:none}.pw-color-input::-webkit-color-swatch-wrapper{padding:0}.pw-color-input::-webkit-color-swatch{border:1px solid var(--line-strong);border-radius:4px}.pw-color-value{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.pw-opacity-wrapper,.pw-rotation-wrapper{display:flex;align-items:center;gap:12px}.pw-opacity-slider,.pw-rotation-slider{flex:1;height:6px;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-3);outline:none;cursor:pointer}.pw-opacity-slider::-webkit-slider-thumb,.pw-rotation-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 1px 3px #0003;cursor:pointer;transition:transform .15s}.pw-opacity-slider::-webkit-slider-thumb:hover,.pw-rotation-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.pw-opacity-slider::-moz-range-thumb,.pw-rotation-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 1px 3px #0003;cursor:pointer}.pw-opacity-value,.pw-rotation-value{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);min-width:40px;text-align:right}.pw-position-select{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-s);padding:10px 12px;font-family:var(--font-sans);font-size:14px;color:var(--text);cursor:pointer;transition:border-color .2s;width:100%}.pw-position-select:focus{outline:none;border-color:var(--accent)}.pw-position-select option{background:var(--bg);color:var(--text)}.pw-image-upload{border:2px dashed var(--line-strong);border-radius:var(--radius-s);padding:20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.pw-image-upload:hover{border-color:var(--accent);background:var(--accent-soft)}.pw-image-upload-icon{font-size:24px;margin-bottom:6px;opacity:.6}.pw-image-upload-text{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.pw-image-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.pw-image-preview{display:flex;align-items:center;gap:12px;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-s)}.pw-image-preview img{width:48px;height:48px;object-fit:contain;border-radius:4px;background:var(--bg-3)}.pw-image-remove{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:var(--radius-s);transition:color .2s,background .2s;margin-left:auto}.pw-image-remove:hover{color:var(--bad);background:#f871711a}.pw-drop-zone{border:2px dashed var(--line-strong);border-radius:var(--radius-m);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.pw-drop-zone:hover,.pw-drop-zone.drag-over{border-color:var(--accent);background:var(--accent-soft)}.pw-drop-zone-icon{font-size:40px;margin-bottom:12px;opacity:.6}.pw-drop-zone-text{font-family:var(--font-mono);font-size:14px;color:var(--text-dim);line-height:1.7}.pw-drop-zone-text strong{color:var(--accent)}.pw-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.pw-stats-bar{display:flex;gap:24px;align-items:center;padding:16px 20px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-m);margin-top:20px;flex-wrap:wrap}.pw-stat-item{display:flex;flex-direction:column;gap:2px}.pw-stat-num{font-family:var(--font-serif);font-size:22px;font-weight:600;color:var(--accent);letter-spacing:-.02em;line-height:1}.pw-stat-label{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase}.pw-results{margin-top:24px;display:flex;flex-direction:column;gap:16px}.pw-result-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-m);padding:20px;display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:start;transition:border-color .2s}.pw-result-card:hover{border-color:var(--accent)}.pw-result-icon-col{display:flex;align-items:flex-start;justify-content:center}.pw-result-icon{width:64px;height:64px;border-radius:var(--radius-s);background:var(--bg-3);display:flex;align-items:center;justify-content:center;font-size:28px;transition:background .2s}.pw-result-icon.done{background:#4ade8014}.pw-result-icon.processing{background:#60a5fa1a}.pw-result-icon.error{background:#f871711a}.pw-result-info{display:flex;flex-direction:column;gap:8px;min-width:0}.pw-result-name{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pw-result-sizes{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pw-result-orig-size{font-family:var(--font-mono);font-size:13px;color:var(--text-dim)}.pw-result-arrow{color:var(--text-faint);font-size:14px}.pw-result-wm-size{font-family:var(--font-mono);font-size:13px;color:var(--good);font-weight:600}.pw-result-error{font-family:var(--font-mono);font-size:12px;color:var(--bad)}.pw-progress{width:100%;max-width:200px;height:3px;background:var(--bg-3);border-radius:var(--radius-s);overflow:hidden}.pw-progress-bar{height:100%;background:var(--accent);border-radius:var(--radius-s);transition:width .3s}.pw-result-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.pw-dl-btn{background:none;border:1px solid var(--line-strong);color:var(--text-dim);font-family:var(--font-mono);font-size:12px;padding:8px 14px;border-radius:var(--radius-s);cursor:pointer;transition:color .2s,border-color .2s,background .2s;white-space:nowrap}.pw-dl-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pw-remove-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:var(--radius-s);transition:color .2s,background .2s}.pw-remove-btn:hover{color:var(--bad);background:#f871711a}@keyframes pw-pulse{0%{opacity:.4}to{opacity:1}}@media(max-width:900px){.pw-settings{grid-template-columns:1fr;gap:20px}.pw-result-card{grid-template-columns:56px 1fr}.pw-result-icon{width:56px;height:56px;font-size:24px}.pw-result-actions{grid-column:1 / -1;flex-direction:row;justify-content:flex-end;align-items:center}.pw-drop-zone{padding:32px 16px}.pw-stats-bar{gap:16px}}@media(max-width:500px){.pw-result-card{grid-template-columns:1fr;gap:12px}.pw-result-icon-col{display:none}.pw-result-actions{grid-column:auto;flex-direction:row;justify-content:flex-end}.pw-stats-bar{flex-direction:column;align-items:flex-start;gap:12px}.pw-stats-bar>div[style*="margin-left:auto"]{margin-left:0!important;width:100%;display:flex;gap:8px}.pw-field-row{flex-direction:column;gap:14px}.pw-type-options{flex-direction:column}}.pw-font-select{cursor:pointer;width:100%}.pw-font-status{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);padding:4px 0}.pw-font-status.pw-font-error{color:var(--bad)}.pw-font-spinner{display:inline-block;width:10px;height:10px;border:1.5px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:pw-spin .7s linear infinite}.pw-font-status.pw-font-error .pw-font-spinner{display:none}@keyframes pw-spin{to{transform:rotate(360deg)}}.pw-apply-bar{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-m);margin-bottom:20px}.pw-apply-btn{background:var(--accent);color:#fff;font-family:var(--font-sans);font-size:14px;font-weight:600;padding:10px 28px;border:none;border-radius:var(--radius-s);cursor:pointer;transition:opacity .2s,transform .1s;white-space:nowrap;flex-shrink:0}.pw-apply-btn:hover{opacity:.88}.pw-apply-btn:active{transform:scale(.97)}.pw-apply-btn.pw-apply-dirty{box-shadow:0 0 0 2px var(--accent-soft),0 0 0 4px var(--accent);animation:pw-apply-pulse 1.2s ease-in-out infinite alternate}@keyframes pw-apply-pulse{0%{box-shadow:0 0 0 2px var(--accent-soft),0 0 0 4px color-mix(in srgb,var(--accent) 60%,transparent)}to{box-shadow:0 0 0 2px var(--accent-soft),0 0 0 4px var(--accent)}}.pw-apply-hint{font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}