.tool-main{flex:1;display:flex;flex-direction:column;width:100%;max-width:100%;padding:0;overflow:hidden}.tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.25rem 2rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-shrink:0}.tool-header__title{display:flex;flex-direction:column;gap:.25rem}.tool-title{font-size:1.3rem;font-weight:700;color:var(--color-text-title)}.tool-subtitle{font-size:.85rem;color:var(--color-text-muted)}.tool-header__actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0;flex-wrap:wrap}.pc-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1.1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;white-space:nowrap;border:1px solid transparent}.pc-btn--primary{background-color:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-accent)}.pc-btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover-bg);border-color:var(--color-accent);color:var(--color-accent-hover-text)}.pc-btn--primary:disabled{opacity:.4;cursor:not-allowed}.pc-btn--secondary{background-color:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text-secondary)}.pc-btn--secondary:hover:not(:disabled){background-color:var(--color-surface-deep);border-color:var(--color-sep);color:var(--color-text-primary)}.pc-btn--large{padding:.65rem 1.6rem;font-size:.95rem}.pc-workspace{flex:1;display:grid;grid-template-columns:280px minmax(0,1fr);min-height:0;overflow:hidden}.pc-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--color-border);background-color:var(--color-surface-deep);overflow-y:auto;min-height:0}.pc-drop-zone{border-bottom:1px solid var(--color-border);padding:1rem;flex-shrink:0;cursor:pointer;transition:background-color .15s ease}.pc-drop-zone:hover,.pc-drop-zone--over{background-color:var(--color-surface-raised)}.pc-drop-zone--over{outline:2px dashed var(--color-accent-border);outline-offset:-4px}.pc-drop-zone__inner{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;pointer-events:none}.pc-drop-zone__icon{font-size:1.75rem;line-height:1;opacity:.4}.pc-drop-zone__title{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.pc-drop-zone__hint{font-size:.75rem;color:var(--color-text-ghost)}.pc-file-input{display:none}.pc-options{display:flex;flex-direction:column;flex:1}.pc-file-bar{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-bottom:1px solid var(--color-border-faint);background-color:var(--color-surface-input);font-size:.78rem;min-width:0;flex-shrink:0}.pc-file-bar__icon{font-size:.9rem;flex-shrink:0;opacity:.5}.pc-file-bar__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary);font-weight:500;min-width:0}.pc-file-bar__meta{font-size:.72rem;color:var(--color-text-ghost);white-space:nowrap;flex-shrink:0}.pc-option-group{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;border-bottom:1px solid var(--color-border-faint)}.pc-option-label{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-faint)}.pc-option-label-row{display:flex;align-items:center;justify-content:space-between}.pc-quality-value{font-size:.78rem;font-weight:600;color:var(--color-accent);font-family:Menlo,Monaco,Consolas,Courier New,monospace}.pc-option-hint{font-size:.72rem;color:var(--color-text-dim);line-height:1.4;margin:0}.pc-toggle-group{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.pc-toggle-btn{padding:.28rem .8rem;border-radius:5px;font-size:.8rem;font-weight:500;border:1px solid var(--color-border);background:none;color:var(--color-text-faint);cursor:pointer;transition:color .12s ease,background-color .12s ease,border-color .12s ease;white-space:nowrap}.pc-toggle-btn:hover{color:var(--color-text-secondary);border-color:var(--color-sep)}.pc-toggle-btn--active{background-color:var(--color-accent-bg);color:var(--color-accent);border-color:var(--color-accent-border)}.pc-toggle-btn--active:hover{background-color:var(--color-accent-hover-bg);border-color:var(--color-accent);color:var(--color-accent-hover-text)}.pc-range{width:100%;accent-color:var(--color-accent);cursor:pointer}.pc-rerender-warning{display:flex;align-items:flex-start;gap:.5rem;margin:.75rem .85rem;padding:.7rem .85rem;background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:6px;font-size:.75rem;color:var(--color-warning);line-height:1.4}.pc-rerender-warning__icon{flex-shrink:0;font-size:.85rem;margin-top:.05rem}.pc-rerender-warning strong{color:var(--color-warning);opacity:.9}.pc-panel{display:flex;flex-direction:column;background-color:var(--color-bg);overflow-y:auto;min-height:0}.pc-empty-state,.pc-ready-state,.pc-loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;text-align:center;padding:4rem 2rem;color:var(--color-text-dim);font-size:.9rem}.pc-empty-state__icon,.pc-ready-state__icon,.pc-loading-state__spinner{font-size:2.5rem;line-height:1;opacity:.35}.pc-ready-state{color:var(--color-success)}.pc-ready-state__icon{opacity:.6}.pc-ready-state__text{color:var(--color-success);font-size:.9rem;opacity:.8}.pc-ready-state__text strong{color:var(--color-accent)}.pc-error-state{display:flex;align-items:flex-start;gap:.6rem;margin:1.5rem;padding:.85rem 1rem;background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:6px;color:var(--color-danger);font-size:.85rem;line-height:1.4}.pc-error-icon{font-size:1rem;flex-shrink:0;margin-top:.05rem}.pc-result{display:flex;flex-direction:column;gap:0;padding:2.5rem 3rem;max-width:640px;width:100%;margin:0 auto;align-self:center;justify-self:center;flex:1;justify-content:center}.pc-result__hero{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-bottom:2rem}.pc-result__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:999px;font-size:1.1rem;font-weight:700;letter-spacing:.01em}.pc-badge--success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.pc-badge--danger{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.pc-badge--neutral{background-color:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-secondary)}.pc-result__sizes{font-size:.9rem;color:var(--color-text-faint);margin:0}.pc-result__stats{display:grid;grid-template-columns:1fr auto 1fr 1fr 1fr;gap:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background-color:var(--color-surface-raised);margin-bottom:1.25rem}.pc-stat{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;border-right:1px solid var(--color-border)}.pc-stat:last-child{border-right:none}.pc-stat--arrow{align-items:center;justify-content:center;padding:.75rem .4rem;background-color:var(--color-surface-deep)}.pc-stat__arrow{font-size:1rem;color:var(--color-text-dim)}.pc-stat__label{font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-ghost)}.pc-stat__value{font-size:.88rem;font-weight:600;color:var(--color-text-secondary);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-variant-numeric:tabular-nums}.pc-stat__value--success{color:var(--color-success)}.pc-stat__value--danger{color:var(--color-danger)}.pc-stat__value--mode{font-family:inherit;font-size:.78rem}.pc-result__tip{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:6px;font-size:.78rem;color:var(--color-success);line-height:1.4;margin-bottom:1.25rem;opacity:.85}.pc-result__tip strong{color:var(--color-success);opacity:1}.pc-result__actions{display:flex;justify-content:center}@media(max-width:860px){.pc-workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.pc-sidebar{border-right:none;border-bottom:1px solid var(--color-border);max-height:400px;overflow-y:auto}.pc-panel{overflow-y:visible}.tool-header{padding:1rem 1.25rem}.pc-result{padding:2rem 1.5rem}.pc-result__stats{grid-template-columns:1fr 1fr}.pc-stat--arrow{display:none}}@media(max-width:540px){.tool-header__actions{width:100%}.pc-btn{flex:1;justify-content:center}.pc-result{padding:1.5rem 1rem}.pc-result__stats{grid-template-columns:1fr 1fr}.pc-result__badge{font-size:.95rem}}