.pc-main{min-height:calc(100vh - 120px);background:var(--neutral-50)}.pc-container{max-width:1400px;padding:0}.pc-layout{display:grid;grid-template-columns:380px 1fr;gap:0;min-height:calc(100vh - 120px)}.pc-sidebar{display:flex;flex-direction:column;padding:1rem 1.25rem;background:var(--background);border-right:1px solid var(--border-color);overflow-y:auto;max-height:calc(100vh - 60px);position:sticky;top:60px}.pc-results-panel{display:flex;flex-direction:column;padding:1rem 1.25rem;background:var(--neutral-50);position:sticky;top:60px;height:calc(100vh - 60px)}.pc-header{padding-bottom:.75rem;border-bottom:1px solid var(--border-color);margin-bottom:.75rem}.pc-breadcrumb{display:flex;align-items:center;gap:.375rem;font-size:11px;color:var(--neutral-400);margin-bottom:.5rem}.pc-breadcrumb a{color:var(--neutral-500);text-decoration:none;transition:color .15s}.pc-breadcrumb a:hover{color:var(--brand-600)}.pc-breadcrumb-sep{color:var(--neutral-300);font-size:13px}.pc-title{font-size:1.2rem;font-weight:var(--font-bold);color:var(--neutral-900);margin:0}.pc-subtitle{font-size:var(--text-xs);color:var(--neutral-500);margin:.25rem 0 0}.pc-privacy-badge{display:flex;align-items:center;gap:.35rem;color:var(--success);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:.5rem}.pc-privacy-badge svg{flex-shrink:0}.pc-privacy-info{font-size:11px;opacity:.6;cursor:help;margin-left:.125rem}.pc-privacy-badge:hover .pc-privacy-info{opacity:1}.pc-section-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-600);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.pc-dropzone{text-align:center;padding:var(--space-6) var(--space-3);border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--neutral-50);transition:border-color var(--duration-fast),background var(--duration-fast);cursor:pointer;margin-bottom:.75rem}.pc-dropzone.is-dragover,.pc-dropzone.pc-dropzone-active,.pc-dropzone:hover{border-color:var(--primary);background:var(--brand-50)}.pc-dropzone-icon{color:var(--neutral-400);margin-bottom:var(--space-3)}.is-dragover .pc-dropzone-icon,.pc-dropzone-active .pc-dropzone-icon{color:var(--primary)}.pc-dropzone-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--foreground);margin:0 0 var(--space-2)}.pc-dropzone-subtitle{font-size:var(--text-xs);color:var(--muted-foreground);margin:0 0 var(--space-3)}.pc-dropzone-subtitle kbd{display:inline-block;padding:2px 5px;font-family:var(--font-mono);font-size:10px;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--border-color);color:#525252}.pc-dropzone-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);padding:.5rem 1rem}.pc-dropzone-formats{font-size:10px;color:var(--neutral-400);margin:var(--space-3) 0 0;text-transform:uppercase;letter-spacing:.05em}.pc-settings{flex:1}.pc-settings-section{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--neutral-100)}.pc-settings-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.pc-settings-hint{font-size:var(--text-xs);color:var(--muted-foreground);margin-top:var(--space-1);margin-bottom:0}.pc-doc-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.pc-doc-details{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.pc-doc-icon{color:var(--danger);flex-shrink:0}.pc-doc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pc-doc-name{font-weight:var(--font-medium);color:var(--foreground);font-size:var(--text-sm);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-doc-meta{font-size:var(--text-xs);color:var(--muted-foreground)}.pc-target-quick{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.pc-target-btn{min-width:50px}.pc-target-btn.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.pc-target-custom{display:flex;gap:var(--space-2);max-width:180px}.pc-target-custom .form-control{flex:1}.pc-target-custom .form-select{width:70px}.pc-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.pc-toggle-label{font-size:var(--text-sm);color:var(--foreground)}.pc-toggle-desc{font-size:var(--text-xs);color:var(--muted-foreground);margin-top:2px}.pc-reset-section{border-bottom:none!important}.pc-reset-section .btn{display:flex;align-items:center;justify-content:center;gap:.375rem}.pc-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 0;border-top:1px solid var(--border-color)}.pc-actions .btn{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-xs);font-weight:var(--font-medium);padding:.5rem .875rem;justify-content:center}.pc-actions .btn svg{flex-shrink:0}.pc-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--background);border:1px solid var(--border-color);border-bottom:none;border-radius:10px 10px 0 0}.pc-panel-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-600);text-transform:uppercase;letter-spacing:.04em}.pc-panel-info{display:flex;align-items:center;gap:.75rem;font-size:var(--text-xs);color:var(--neutral-500)}.pc-results-container{flex:1;border:1px solid var(--border-color);border-radius:0 0 10px 10px;overflow:hidden;box-shadow:var(--shadow-sm);background:var(--background);min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.pc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:380px;color:var(--muted-foreground);text-align:center;padding:1.5rem}.pc-empty-icon{color:var(--neutral-300);margin-bottom:.75rem}.pc-empty-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-600);margin:0 0 .25rem}.pc-empty-message{font-size:var(--text-xs);color:var(--muted-foreground);margin:0}.pc-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:380px;padding:1.5rem;position:absolute;top:0;left:0}.pc-progress-content{text-align:center;max-width:300px;width:100%}.pc-progress-spinner{width:40px;height:40px;border:3px solid var(--neutral-200);border-top-color:var(--brand-500);border-radius:50%;animation:.8s linear infinite pc-spin;margin:0 auto 1rem}@keyframes pc-spin{to{transform:rotate(360deg)}}.pc-progress-message{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:1rem}.pc-progress .progress{height:6px;border-radius:var(--radius-full)}.pc-progress-bar{transition:width var(--duration-base) var(--ease-standard)}.pc-results{width:100%;height:100%;padding:1.5rem;overflow-y:auto}.pc-results-summary{background:color-mix(in srgb,var(--success) 10%,transparent);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.pc-results-title{font-weight:var(--font-semibold);color:var(--success);margin:0 0 var(--space-3);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.pc-results-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.pc-results-stat{text-align:center}.pc-results-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--foreground)}.pc-results-stat-value.pc-results-compressed{color:var(--success)}.pc-results-stat-label{font-size:var(--text-xs);color:var(--muted-foreground);margin-top:.25rem}.pc-results-stat-arrow{color:var(--neutral-400)}.pc-results-honest{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--neutral-100);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.pc-results-honest svg{flex-shrink:0;color:var(--neutral-500);margin-top:2px}.pc-results-honest span{font-size:var(--text-sm);color:var(--foreground);line-height:var(--leading-relaxed)}.pc-results-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.pc-results-actions .btn{display:inline-flex;align-items:center;gap:.375rem}.pc-preview-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.pc-preview-page{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted-foreground)}.pc-page-input{width:50px;padding:var(--space-1) var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;font-size:var(--text-sm)}.pc-preview-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media (max-width:768px){.pc-preview-panels{grid-template-columns:1fr}}.pc-preview-panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.pc-preview-panel-header{padding:var(--space-2) var(--space-3);background:var(--muted);border-bottom:1px solid var(--border-color);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--foreground);text-align:center}.pc-preview-panel-content{padding:var(--space-3);background:var(--neutral-100);min-height:300px;display:flex;align-items:center;justify-content:center;overflow:auto}.pc-preview-panel-content canvas{max-width:100%;height:auto;box-shadow:var(--shadow-md)}.pc-preview-zoom{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.pc-zoom-level{font-size:var(--text-sm);color:var(--muted-foreground);min-width:50px;text-align:center}.pc-wifi-test{position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;background:var(--success-600,#16a34a);color:#fff;font-size:var(--text-sm);text-align:center;z-index:1000;animation:.3s pc-slide-up}.pc-wifi-test .container{display:flex;align-items:center;justify-content:center;gap:.5rem}.pc-wifi-icon{font-size:1.25rem}@keyframes pc-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}#pc-password-input{margin-top:var(--space-2)}.pc-error-message{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);margin-top:var(--space-4)}.pc-error-message svg{flex-shrink:0;color:var(--danger);margin-top:2px}.pc-error-message p{font-size:var(--text-sm);color:var(--foreground);margin-bottom:0}.pc-warning-message{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#fffbeb;border:1px solid #fed7aa;border-radius:var(--radius-lg);margin-top:var(--space-4)}.pc-warning-message svg{flex-shrink:0;color:var(--warning);margin-top:2px}.pc-warning-message p{font-size:var(--text-sm);color:var(--foreground);margin-bottom:0}.pc-large-file-warning{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fffbeb;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--foreground);margin-top:var(--space-2)}.pc-large-file-warning svg{flex-shrink:0;color:var(--warning)}.pc-dropzone.is-loading{pointer-events:none;opacity:.6}@media (max-width:1024px){.pc-layout{grid-template-columns:340px 1fr}}@media (max-width:767px){.pc-main{min-height:auto}.pc-container{padding:0}.pc-layout{display:flex;flex-direction:column;min-height:auto}.pc-sidebar{position:static;max-height:none;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.pc-results-panel{position:static;height:auto;min-height:400px;padding:1rem}.pc-actions{justify-content:center}.pc-actions .btn{min-width:80px;justify-content:center}.pc-results-stats{flex-direction:column;gap:var(--space-2)}.pc-results-stat-value{font-size:var(--text-lg)}.pc-results-actions{flex-direction:column}.pc-results-actions .btn{width:100%;justify-content:center}.pc-doc-name{max-width:150px}}@media (max-width:480px){.pc-dropzone{padding:1rem .75rem}.pc-dropzone-title{font-size:var(--text-xs)}}@media (pointer:coarse){.pc-actions .btn{min-height:var(--tap-target);padding:.625rem 1rem}.ds-segment,.pc-dropzone-btn,.pc-target-btn{min-height:var(--tap-target)}}@media (prefers-reduced-motion:reduce){.pc-progress-spinner,.pc-wifi-test{animation:none}.pc-dropzone,.pc-progress-bar{transition:none}*,::after,::before{transition-duration:0s!important;animation-duration:0s!important}}.pc-dropzone:focus-visible{outline:0;box-shadow:var(--ring-shadow)}@media print{.pc-main{padding:0}.pc-actions,.pc-sidebar,.pc-wifi-test{display:none}.pc-layout{display:block}.pc-results-container{background:#fff;border:none}}