@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--sony-orange: #FF7700;--sony-orange-dark: #CC5F00;--sony-orange-light: #FF9933;--sony-bg-dark: #1A1A1A;--sony-bg-medium: #2D2D2D;--sony-bg-light: #3D3D3D;--sony-text: #FFFFFF;--sony-text-muted: #888888;--sony-text-dim: #666666;--sony-grid: rgba(255, 119, 0, .3);--sony-grid-light: rgba(255, 119, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:var(--sony-bg-dark);color:var(--sony-text);font-family:JetBrains Mono,Consolas,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.sony-text{font-family:JetBrains Mono,monospace;letter-spacing:.05em}.sony-heading{font-weight:700;text-transform:uppercase;letter-spacing:.1em}.sony-label{font-size:12px;font-weight:500;color:var(--sony-orange);text-transform:uppercase}.sony-value{font-size:24px;font-weight:600;color:var(--sony-text);font-variant-numeric:tabular-nums}.sony-bracket{position:relative;padding:8px 16px}.sony-bracket:before,.sony-bracket:after{content:"";position:absolute;width:8px;height:100%;border:2px solid var(--sony-orange)}.sony-bracket:before{left:0;border-right:none}.sony-bracket:after{right:0;border-left:none}.viewfinder-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--sony-grid-light) 1px,transparent 1px),linear-gradient(90deg,var(--sony-grid-light) 1px,transparent 1px);background-size:20px 20px}.sony-button{background:transparent;border:2px solid var(--sony-orange);color:var(--sony-orange);padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s ease}.sony-button:hover{background:var(--sony-orange);color:var(--sony-bg-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--sony-bg-medium)}::-webkit-scrollbar-thumb{background:var(--sony-orange)}::-webkit-scrollbar-thumb:hover{background:var(--sony-orange-light)}.canvas-container{position:fixed;inset:0;width:100vw;height:100vh}::selection{background:var(--sony-orange);color:var(--sony-bg-dark)}@media(max-width:480px){:root{--font-scale: .75}.sony-value{font-size:18px}.sony-label{font-size:10px}}@media(min-width:481px)and (max-width:768px){:root{--font-scale: .85}.sony-value{font-size:20px}.sony-label{font-size:11px}}@media(min-width:769px)and (max-width:1024px){:root{--font-scale: .95}}@media(min-width:1025px){:root{--font-scale: 1}}@media(max-width:768px){.sony-button{padding:12px 20px;min-height:44px;min-width:44px}}@media(max-width:768px)and (orientation:portrait){html,body,#root{overscroll-behavior:none;overflow-x:hidden}.scroll-container{-webkit-overflow-scrolling:touch}button,[role=button],.interactive{min-height:44px;min-width:44px}.viewfinder-grid{background-size:15px 15px}.sony-bracket{padding:6px 12px}}@media(hover:none)and (pointer:coarse){body{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--sony-orange: #FF8800;--sony-text-muted: #AAAAAA}}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--sony-orange);color:#000;padding:12px 24px;z-index:10000;font-weight:700;text-decoration:none;border-radius:4px;transition:top .2s ease}.skip-link:focus{top:16px}*:focus-visible{outline:2px solid var(--sony-orange);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-contrast:more){:root{--sony-text-muted: #CCCCCC;--sony-bg-medium: #000000;--sony-bg-light: #222222}.sony-button,button{border-width:3px}*:focus-visible{outline-width:3px}}