:root{--psv-primary:#6366f1;--psv-primary-hover:#4f46e5;--psv-secondary:#8b5cf6;--psv-success:#10b981;--psv-warning:#f59e0b;--psv-danger:#ef4444;--psv-bg:#ffffff;--psv-surface:#f8fafc;--psv-surface-hover:#f1f5f9;--psv-border:#e2e8f0;--psv-text:#1e293b;--psv-text-muted:#64748b;--psv-shadow:rgba(0, 0, 0, 0.05);--psv-shadow-hover:rgba(0, 0, 0, 0.1);--psv-radius:0.75rem;--psv-radius-sm:0.5rem;--psv-transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}.psv-container[data-theme="dark"]{--psv-bg:#0f172a;--psv-surface:#1e293b;--psv-surface-hover:#334155;--psv-border:#334155;--psv-text:#f8fafc;--psv-text-muted:#94a3b8;--psv-shadow:rgba(0, 0, 0, 0.3);--psv-shadow-hover:rgba(0, 0, 0, 0.5)}@media (prefers-color-scheme:dark){.psv-container[data-theme="auto"]{--psv-bg:#0f172a;--psv-surface:#1e293b;--psv-surface-hover:#334155;--psv-border:#334155;--psv-text:#f8fafc;--psv-text-muted:#94a3b8;--psv-shadow:rgba(0, 0, 0, 0.3);--psv-shadow-hover:rgba(0, 0, 0, 0.5)}}.psv-container{max-width:1400px;margin:2rem auto;padding:2.5rem;background:var(--psv-bg);color:var(--psv-text);border-radius:1rem;box-shadow:0 10px 40px -10px var(--psv-shadow-hover);transition:var(--psv-transition);border:1px solid var(--psv-border);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.psv-header{margin-bottom:2rem;text-align:center;position:relative;padding-top:1rem}.psv-header-top{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:flex-end;pointer-events:none}[dir="rtl"] .psv-header-top{justify-content:flex-end}[dir="ltr"] .psv-header-top{justify-content:flex-end}.psv-lang-btn{pointer-events:auto;background:#fff0;border:1px solid var(--psv-border);color:var(--psv-text);padding:.5rem 1rem;border-radius:var(--psv-radius-sm);font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:var(--psv-transition);font-family:inherit;background:var(--psv-surface)}.psv-lang-btn:hover{background:var(--psv-surface-hover);border-color:var(--psv-primary);color:var(--psv-primary)}.psv-title{font-size:3rem;font-weight:800;margin:0 0 .5rem 0;background:linear-gradient(135deg,var(--psv-primary) 0%,#a5b4fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;letter-spacing:-1px;background-clip:text;display:inline-block}.psv-subtitle{font-size:1.3rem;color:var(--psv-text-muted);font-weight:500}.psv-controls{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;background:var(--psv-surface);border:1px solid var(--psv-border);border-radius:var(--psv-radius);align-items:flex-end}.psv-control-group{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.5rem}.psv-actions{flex:2;min-width:300px;display:flex;gap:1rem;align-items:flex-end}.psv-control-group label{font-size:1rem;font-weight:700;color:var(--psv-text-muted);text-transform:uppercase;letter-spacing:.05em}.psv-select{width:100%;height:56px;padding:0 1rem;line-height:54px;background:var(--psv-bg);color:var(--psv-text);border:2px solid var(--psv-border);border-radius:var(--psv-radius-sm);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--psv-transition);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 1rem center;background-size:1rem;padding-left:2.5rem}[dir="rtl"] .psv-select{background-position:left 1rem center;padding-left:2.5rem;padding-right:1rem}[dir="ltr"] .psv-select{background-position:right 1rem center;padding-right:2.5rem;padding-left:1rem}.psv-select:hover{border-color:var(--psv-primary)}.psv-select:focus{border-color:var(--psv-primary);outline:none;box-shadow:0 0 0 4px rgb(99 102 241 / .15)}.psv-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1.5rem;height:56px;font-size:1.1rem;font-weight:700;border-radius:var(--psv-radius-sm);border:none;cursor:pointer;transition:var(--psv-transition);white-space:nowrap;position:relative;overflow:hidden;flex:1}.psv-btn-primary{background:var(--psv-primary);color:#fff;box-shadow:0 4px 6px -1px rgb(99 102 241 / .3)}.psv-btn-primary:hover{background:var(--psv-primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgb(99 102 241 / .4)}.psv-btn.active{background:var(--psv-success);color:#fff;box-shadow:inset 0 2px 4px rgb(0 0 0 / .1)}.psv-btn-outline{background:#fff0;border:2px solid var(--psv-border);color:var(--psv-text)}.psv-btn-outline:hover{border-color:var(--psv-primary);color:var(--psv-primary);background:var(--psv-surface-hover)}.psv-btn-ghost{background:#fff0;color:var(--psv-text-muted);border:1px dashed var(--psv-border)}.psv-btn-ghost:hover{color:var(--psv-danger);border-color:var(--psv-danger);background:rgb(239 68 68 / .05)}.psv-icon{font-size:1.25rem;line-height:1}.btn-text{position:relative;top:1px}.psv-size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin-bottom:2.5rem}.psv-size-card{background:var(--psv-surface);color:var(--psv-text);border:2px solid var(--psv-border);border-radius:var(--psv-radius);padding:1.25rem .5rem;text-align:center;cursor:pointer;transition:var(--psv-transition);position:relative;overflow:hidden}.psv-size-card:hover{border-color:var(--psv-primary);transform:translateY(-5px);box-shadow:0 10px 15px -3px var(--psv-shadow);background:var(--psv-surface-hover)}.psv-size-card.active{background:var(--psv-primary);border-color:var(--psv-primary);color:#fff;box-shadow:0 10px 20px -5px rgb(99 102 241 / .4)}.psv-size-card.compare-selected{background:var(--psv-success);border-color:var(--psv-success);color:#fff}.psv-size-name{display:block;font-size:1.5rem;font-weight:800;margin-bottom:.25rem;color:inherit}.psv-size-dimensions{display:block;font-size:1rem;font-weight:500;opacity:.8}.psv-viewer-area{min-height:550px;background:var(--psv-surface);border:1px solid var(--psv-border);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem;position:relative;padding:3rem;background-image:radial-gradient(var(--psv-border) 1px,transparent 1px);background-size:20px 20px}.psv-empty-state{text-align:center;color:var(--psv-text-muted)}.psv-empty-icon{font-size:5rem;margin-bottom:1.5rem;display:block;opacity:.3}.psv-paper-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3rem;width:100%;position:relative;min-height:inherit;transition:var(--psv-transition)}.psv-paper-preview.stack-mode{display:block;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.psv-paper-preview.compare-view{align-items:flex-end;align-content:flex-end}.psv-paper-preview.stack-mode .psv-paper{position:absolute;bottom:0;left:0;transform:none!important;box-shadow:0 0 0 1px rgb(99 102 241 / .2),5px -5px 15px rgb(0 0 0 / .1);background:linear-gradient(to bottom right,#ffffff,#fdfdfd)}.psv-paper-preview.stack-mode .psv-paper-label{top:.75rem;right:.75rem;left:auto;transform:none;font-size:.85rem;padding:.35rem .65rem;background:rgb(99 102 241 / .95);box-shadow:0 2px 4px rgb(0 0 0 / .1);z-index:20}.psv-paper-preview.stack-mode .psv-paper-dimensions{bottom:.5rem;left:.5rem;transform:none;font-size:.7rem;background:rgb(0 0 0 / .8)}.psv-paper-preview.stack-mode .psv-paper:hover{z-index:100!important;background:#fff;box-shadow:0 0 0 2px var(--psv-primary),10px -10px 25px rgb(0 0 0 / .15)}.psv-paper{background:#fff;box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 10px 10px -5px rgb(0 0 0 / .04);position:relative;transition:all 0.5s ease;border:1px solid #e2e8f0}.psv-paper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 40px rgb(0 0 0 / .02);pointer-events:none}.psv-paper:hover{transform:scale(1.02);box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);z-index:10}.psv-paper-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--psv-primary);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-weight:700;font-size:1.25rem;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1);white-space:nowrap;pointer-events:none}.psv-paper-dimensions{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);background:rgb(0 0 0 / .7);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;backdrop-filter:blur(4px);white-space:nowrap}.psv-paper[style*="height: 2"] .psv-paper-label,.psv-paper[style*="height: 3"] .psv-paper-label{font-size:.8rem;padding:.25rem .5rem}.psv-info-panel,.psv-text-calculator{margin-top:2rem;border:1px solid var(--psv-primary);background:linear-gradient(to bottom right,rgb(99 102 241 / .05),transparent);border-radius:var(--psv-radius);padding:2rem;position:relative;overflow:hidden}.psv-text-calculator{border-color:var(--psv-success);background:linear-gradient(to bottom right,rgb(16 185 129 / .05),transparent)}.psv-info-title,.psv-calculator-title{font-size:1.5rem;font-weight:700;color:var(--psv-primary);margin:0 0 1.5rem 0;display:flex;align-items:center;gap:.75rem}.psv-calculator-title{color:var(--psv-success)}.psv-table-container{overflow-x:auto;border-radius:var(--psv-radius-sm);border:1px solid var(--psv-border)}.psv-comparison-table{width:100%;border-collapse:collapse;font-size:1.1rem;background:var(--psv-surface)}.psv-comparison-table th,.psv-comparison-table td{padding:1rem;text-align:right;border-bottom:1px solid var(--psv-border)}[dir="ltr"] .psv-comparison-table th,[dir="ltr"] .psv-comparison-table td{text-align:left}.psv-comparison-table th{background:rgb(99 102 241 / .05);color:var(--psv-text-muted);font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;white-space:nowrap}.psv-comparison-table tr:last-child td{border-bottom:none}.psv-comparison-table tr:hover td{background:var(--psv-surface-hover)}.psv-cell-name{font-weight:800;color:var(--psv-primary);font-size:1.2rem}.psv-comparison-table .unit{font-size:.75rem;color:var(--psv-text-muted);margin-right:.2rem}.psv-info-grid{display:none}.psv-calculator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.psv-info-item,.psv-text-recommendation{background:var(--psv-surface);padding:1.25rem;border-radius:var(--psv-radius-sm);border:1px solid var(--psv-border)}.psv-info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--psv-text-muted);margin-bottom:.5rem}.psv-info-value{font-size:1.4rem;font-weight:700;color:var(--psv-text)}.psv-text-type{font-weight:700;color:var(--psv-success);margin-bottom:.25rem}.psv-text-size{font-size:1.8rem;font-weight:800;margin-bottom:.25rem}.psv-text-note{font-size:1rem;color:var(--psv-text-muted)}@media (max-width:768px){.psv-container{padding:1.5rem}.psv-title{font-size:2rem}.psv-controls{flex-direction:column;align-items:stretch}.psv-control-group{min-width:100%}.psv-viewer-area{min-height:350px;padding:1.5rem}.psv-paper-preview{gap:1.5rem}}