.calc-layout{grid-template-columns:1fr 1fr;gap:20px;margin-top:8px;display:grid}.tool-hero{margin-bottom:8px}.tool-hero__title{color:#fff;margin-bottom:8px;font-size:1.8rem;font-weight:800}.tool-hero__accent{background:linear-gradient(135deg,#22d3ee,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tool-hero__subtitle{color:#88a;max-width:600px;font-size:.95rem}.breadcrumb{color:#88a;align-items:center;gap:6px;margin-bottom:18px;font-size:.78rem;display:flex}.breadcrumb a{color:#22d3ee;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#fff}.breadcrumb .sep{color:#555}.input-row{align-items:flex-end;gap:12px;display:flex}.input-group{flex:1}.dimension-sep{color:#555;padding-bottom:6px;font-size:1.4rem;font-weight:700}.quick-presets{margin-top:16px}.quick-presets .tool-label{margin-bottom:8px}.formula-strip{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.formula-pill{color:#22d3ee;white-space:nowrap;text-overflow:ellipsis;background:#22d3ee0f;border:1px solid #22d3ee33;border-radius:20px;max-width:100%;padding:4px 10px;font-family:JetBrains Mono,Courier New,monospace;font-size:.72rem;overflow:hidden}.result-hero{text-align:center;padding:20px 0 16px}.result-ratio{background:linear-gradient(135deg,#22d3ee,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800;line-height:1.1}.result-name{color:#88a;text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-size:.9rem;font-weight:600}.preview-container{justify-content:center;align-items:center;padding:20px 0;display:flex}.preview-box{background:#22d3ee0a;border:2px solid #22d3ee66;border-radius:6px;justify-content:center;align-items:center;min-width:60px;max-width:280px;min-height:40px;max-height:200px;transition:width .3s,height .3s;display:flex;position:relative}.preview-label{color:#88a;white-space:nowrap;font-family:JetBrains Mono,Courier New,monospace;font-size:.72rem;font-weight:600}.scale-section{margin-top:8px}.lock-toggle-row{margin-bottom:14px}.lock-toggle{cursor:pointer;color:#88a;user-select:none;align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.lock-toggle input{display:none}.lock-icon{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s;display:flex}.lock-toggle input:not(:checked)+.lock-icon{color:#555;background:#ffffff0a;border-color:#ffffff1a}.lock-label{font-weight:600}.scale-result{text-align:center;padding:20px 0 12px}.scale-result__dimensions{color:#fff;font-size:2rem;font-weight:800}.scale-result__dimensions span{color:#22d3ee}.scale-result__info{color:#88a;margin-top:6px;font-size:.82rem}.scale-preview-wrap{justify-content:center;align-items:flex-end;gap:20px;min-height:120px;display:flex}.scale-preview-orig,.scale-preview-new{border-radius:4px;justify-content:center;align-items:center;min-width:30px;min-height:20px;transition:width .3s,height .3s;display:flex;position:relative}.scale-preview-orig{background:#ffffff08;border:2px dashed #fff3}.scale-preview-new{background:#a855f70f;border:2px solid #a855f780}.preview-label-sm{color:#88a;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:600}.table-hint{color:#88a;margin-bottom:14px;font-size:.82rem}.table-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tool-btn--sm{padding:6px 14px;font-size:.78rem}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.screen-table{border-collapse:collapse;width:100%;font-size:.82rem}.screen-table th{color:#22d3ee;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;background:#22d3ee14;border-bottom:1px solid #22d3ee26;padding:10px 14px;font-size:.72rem;font-weight:700}.screen-table td{color:#ccc;white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:10px 14px}.screen-table tbody tr{cursor:pointer;transition:background .15s}.screen-table tbody tr:nth-child(2n){background:#ffffff05}.screen-table tbody tr:hover{background:#22d3ee0f}.category-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.cat-monitor{color:#22d3ee;background:#22d3ee1a}.cat-phone{color:#a855f7;background:#a855f71a}.cat-cinema{color:#fbbf24;background:#fbbf241a}.cat-tablet{color:#10b981;background:#10b9811a}.cat-social{color:#ef4444;background:#ef44441a}.cat-other{color:#88a;background:#ffffff0f}.chart-section{margin-top:28px}.chart-section__title{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem;font-weight:700}.section-title{color:#fff;margin-bottom:20px;font-size:1.3rem;font-weight:800}.how-section{margin-bottom:40px}.how-steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.how-step{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:20px}.how-step__num{color:#22d3ee;background:#22d3ee1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:12px;font-size:.9rem;font-weight:800;display:flex}.how-step__title{color:#fff;margin-bottom:6px;font-size:.95rem;font-weight:700}.how-step__desc{color:#88a;font-size:.82rem;line-height:1.6}.formula-section{margin-bottom:40px}.formula-pills2{flex-wrap:wrap;gap:10px;display:flex}.fpill2{color:#22d3ee;background:#22d3ee0f;border:1px solid #22d3ee2e;border-radius:8px;padding:10px 16px;font-family:JetBrains Mono,Courier New,monospace;font-size:.8rem}.fpill2__label{color:#88a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-family:inherit;font-size:.68rem}.fpill2__expr{font-weight:700}.ex-card__icon{margin-bottom:8px;font-size:1.4rem}.ex-card__title{color:#fff;margin-bottom:6px;font-size:.9rem;font-weight:700}.ex-card__body{color:#88a;font-size:.82rem;line-height:1.65}.ex-card__ratio{color:#22d3ee;background:#22d3ee14;border:1px solid #22d3ee33;border-radius:12px;margin-top:8px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.72rem;display:inline-block}.gloss-section2{margin-bottom:40px}.gloss-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=900px){.gloss-grid{grid-template-columns:1fr 1fr}}.glossary-chip{background:#ffffff05;border:1px solid #ffffff0f;border-left:3px solid #22d3ee66;border-radius:0 10px 10px 0;padding:14px 16px}.glossary-chip__term{color:#22d3ee;margin-bottom:4px;font-size:.82rem;font-weight:700}.glossary-chip__def{color:#88a;font-size:.78rem;line-height:1.6}.calc-article{margin-bottom:40px}.article-body{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:24px 28px}.article-body h3{color:#22d3ee;margin:20px 0 8px;font-size:1rem;font-weight:700}.article-body h3:first-child{margin-top:0}.article-body p{color:#88a;margin-bottom:0;font-size:.85rem;line-height:1.75}.calc-related{margin-bottom:40px}.related-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=600px){.related-grid{grid-template-columns:minmax(0,1fr);overflow:hidden}}.related-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.related-card:hover{background:#22d3ee0a;border-color:#22d3ee4d}.related-card__icon{flex-shrink:0;font-size:1.4rem}.related-card__title{color:#fff;margin-bottom:2px;font-size:.88rem;font-weight:700}.related-card__desc{color:#88a;font-size:.75rem}.faq-section{margin-bottom:40px}.faq-list{flex-direction:column;display:flex}.faq-item-enhanced{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:#fff;user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.9rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";color:#88a;flex-shrink:0;margin-left:16px;font-family:JetBrains Mono,Courier New,monospace;font-size:1.1rem;transition:color .2s}.faq-item-enhanced[open] .faq-item__question:after{content:"−";color:#22d3ee}.faq-item__question:hover{color:#22d3ee}.faq-item__answer{color:#88a;padding:0 4px 14px;font-size:.85rem;line-height:1.75}[data-theme=light] body{background:#e8edf5}[data-theme=light] .tool-hero__title{color:#0f172a}[data-theme=light] .tool-hero__accent{background:linear-gradient(135deg,#0891b2,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .breadcrumb{color:#64748b}[data-theme=light] .breadcrumb a{color:#0891b2}[data-theme=light] .breadcrumb a:hover{color:#0f172a}[data-theme=light] .breadcrumb .sep,[data-theme=light] .dimension-sep{color:#94a3b8}[data-theme=light] .formula-strip .formula-pill{color:#0891b2;background:#eff9fb;border-color:#0891b24d}[data-theme=light] .result-ratio{background:linear-gradient(135deg,#0891b2,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .preview-box{background:#eff9fb;border-color:#0891b266}[data-theme=light] .preview-label{color:#64748b}[data-theme=light] .lock-toggle{color:#475569}[data-theme=light] .lock-icon{color:#0891b2;background:#e0f5f8;border-color:#0891b24d}[data-theme=light] .lock-toggle input:not(:checked)+.lock-icon{color:#94a3b8;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .scale-result__dimensions{color:#0f172a}[data-theme=light] .scale-result__dimensions span{color:#0891b2}[data-theme=light] .scale-result__info{color:#64748b}[data-theme=light] .scale-preview-orig{background:#f0f4f9;border-color:#00000026}[data-theme=light] .scale-preview-new{background:#7c3aed0f;border-color:#7c3aed66}[data-theme=light] .preview-label-sm,[data-theme=light] .table-hint{color:#64748b}[data-theme=light] .screen-table th{color:#0891b2;background:#edf2f9;border-bottom-color:#0891b233}[data-theme=light] .screen-table td{color:#334155;border-bottom-color:#0000000f}[data-theme=light] .screen-table tbody tr:nth-child(2n){background:#f8fafc}[data-theme=light] .screen-table tbody tr:hover{background:#0891b20f}[data-theme=light] .cat-monitor{color:#0891b2;background:#0891b21a}[data-theme=light] .cat-phone{color:#7c3aed;background:#7c3aed1a}[data-theme=light] .cat-cinema{color:#0891b2;background:#b453091a}[data-theme=light] .cat-tablet{color:#065f46;background:#065f461a}[data-theme=light] .cat-social{color:#dc2626;background:#dc262614}[data-theme=light] .cat-other{color:#64748b;background:#0000000d}[data-theme=light] .chart-section__title,[data-theme=light] .section-title{color:#0f172a}[data-theme=light] .how-step{background:#fff;border-color:#0000001a;box-shadow:0 2px 12px #00000017}[data-theme=light] .how-step__num{color:#0891b2;background:#e0f5f8}[data-theme=light] .how-step__title{color:#0f172a}[data-theme=light] .how-step__desc{color:#475569}[data-theme=light] .fpill2{color:#0891b2;background:#eff9fb;border-color:#0891b24d}[data-theme=light] .fpill2__label{color:#475569}[data-theme=light] .ex-card__title{color:#0f172a}[data-theme=light] .ex-card__body{color:#475569}[data-theme=light] .ex-card__ratio{color:#0891b2;background:#eff9fb;border-color:#0891b24d}[data-theme=light] .glossary-chip{background:#fff;border-color:#0000001a #0000001a #0000001a #0891b2;box-shadow:0 2px 12px #00000017}[data-theme=light] .glossary-chip__term{color:#0891b2}[data-theme=light] .glossary-chip__def{color:#475569}[data-theme=light] .article-body{background:#fff;border-color:#0000001a;box-shadow:0 2px 12px #00000017}[data-theme=light] .article-body h3{color:#0891b2}[data-theme=light] .article-body p{color:#475569}[data-theme=light] .related-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 12px #00000017}[data-theme=light] .related-card:hover{background:#0891b208;border-color:#0891b259;box-shadow:0 2px 10px #0891b214}[data-theme=light] .related-card__title{color:#0f172a}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item-enhanced{background:#fff;border:1px solid #0000001a;border-radius:10px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item-enhanced:hover{border-color:#0891b259;box-shadow:0 2px 10px #0891b214}[data-theme=light] .faq-item-enhanced[open]{border-color:#0891b266 #0891b266 #0891b266 #0891b2;border-left-style:solid;border-left-width:3px;box-shadow:0 2px 12px #0891b21a}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item-enhanced[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#0891b2}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}[data-theme=light] .tool-card--input .tool-card__title svg{stroke:#0891b2}[data-theme=light] .tool-card--output .tool-card__title svg{stroke:#7c3aed}[data-theme=light] .tool-card__title svg{stroke:#0891b2}[data-theme=light] .result-name,[data-theme=light] .tool-hero__subtitle,[data-theme=light] .related-card__desc{color:#475569}[data-theme=light] .formula-pill{color:#0891b2}