@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--bg-primary: #ffffff;--bg-secondary: #f4f4f5;--bg-tertiary: #e4e4e7;--border-subtle: #e4e4e7;--border-focus: #3b82f6;--text-main: #18181b;--text-muted: #71717a;--text-dim: #a1a1aa;--accent-primary: #3b82f6;--accent-hover: #2563eb;--grid-line: rgba(0, 0, 0, .04);--vis-screen: #0891b2;--vis-projector: #52525b;--vis-text: #52525b;--vis-line: #d4d4d8}[data-theme=dark]{--bg-primary: #09090b;--bg-secondary: #0d0d10;--bg-tertiary: #27272a;--border-subtle: #27272a;--text-main: #f4f4f5;--text-muted: #a1a1aa;--text-dim: #52525b;--grid-line: rgba(255, 255, 255, .03);--vis-screen: #06b6d4;--vis-projector: #71717a;--vis-text: #a1a1aa;--vis-line: #3f3f46}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #09090b;--bg-secondary: #0d0d10;--bg-tertiary: #27272a;--border-subtle: #27272a;--text-main: #f4f4f5;--text-muted: #a1a1aa;--text-dim: #52525b;--grid-line: rgba(255, 255, 255, .03)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;background-image:linear-gradient(to right,#27272a 1px,transparent 1px),linear-gradient(to bottom,#27272a 1px,transparent 1px);background-size:40px 40px;background-position:center top}body{background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;background-position:center top}h1,h2,h3,h4{margin:0;font-weight:500;color:var(--text-main)}p{color:var(--text-muted)}input,select{background-color:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-main);padding:8px 12px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease;outline:none;height:38px;line-height:normal}input:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}input[type=number],select{font-family:var(--font-mono);font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;padding:0;border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--accent-primary);margin-top:-6px;cursor:pointer;box-shadow:0 0 0 2px var(--bg-primary)}input[type=range]:focus::-webkit-slider-thumb{background:var(--accent-hover)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.app-container{max-width:1000px;margin:0 auto;padding:60px 20px;width:100%}header{text-align:center;margin-bottom:60px}header h1{font-size:2.5rem;font-weight:600;letter-spacing:-.03em;margin-bottom:12px;color:var(--text-main)}header .subtitle{font-size:1.1rem;color:var(--text-muted)}footer{text-align:center;margin-top:60px;font-size:.9rem;color:var(--text-dim)}.calculator-container{display:flex;flex-direction:column;gap:32px}.controls-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:850px){.controls-grid{grid-template-columns:3fr 2fr}}.card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;min-width:0}.card h2{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;position:relative;min-width:0}.triple-input-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.label-row{display:flex;justify-content:space-between;align-items:flex-end;height:24px;margin-bottom:0}.lock-label{display:flex;align-items:center;gap:6px;font-size:.75rem;cursor:pointer;color:var(--accent-primary);-webkit-user-select:none;user-select:none}.lock-label input{margin:0}.computed-input{background-color:#3b82f608;border-color:#3b82f64d}.readonly-input{background-color:transparent;border-color:transparent;color:var(--text-dim);pointer-events:none}.result-display{text-align:center;padding:32px 0;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:24px;border:1px solid var(--border-subtle)}.nits-value .number{font-size:3.5rem;font-weight:700;color:var(--text-main);line-height:1;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.05em}.nits-value .unit{font-size:1rem;color:var(--text-muted);margin-left:4px;font-family:var(--font-mono)}.max-label{margin-top:8px;font-size:.85rem;color:var(--text-dim);font-family:var(--font-mono)}.slider-group{display:flex;flex-direction:column;gap:12px}.visualizer-card{display:flex;flex-direction:column}.visualizer-container{background:#191919;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;display:flex;justify-content:center;align-items:center;overflow:hidden;--bg-secondary: #191919;--vis-screen: #06b6d4;--vis-projector: #a1a1aa;--vis-text: #e4e4e7;--vis-line: #52525b}.visualizer-svg{width:100%;max-width:800px}.warning{color:#ef4444;text-align:center;margin-top:12px;font-size:.85rem;font-family:var(--font-mono)}.brightness-gauge-container{display:flex;flex-direction:row;height:100%;width:100%;gap:16px;align-items:stretch;padding:0}.gauge-track{width:24px;background:linear-gradient(to top,#000,#d9d9d9 25.3%,#f2f2f2 72%,#fff);border-radius:var(--radius-sm);position:relative}.gauge-marker{position:absolute;left:0;width:100%;height:1px;background-color:var(--accent-primary);z-index:1}.gauge-label{position:absolute;left:140%;transform:translateY(50%);font-size:10px;font-family:var(--font-mono);color:var(--text-muted);text-align:left;white-space:nowrap}.gauge-indicator{position:absolute;right:100%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--text-main);border-right:none;transform:translateY(50%);margin-right:4px;transition:bottom .2s ease-out}.gauge-legend{display:none}