@font-face{font-family:SFProRegular;src:url(/assets/SFProRegular-DF_3XEGl.OTF)format("opentype");font-display:block;font-weight:400}@font-face{font-family:SFProMedium;src:url(/assets/SFProMedium-DSttQARu.OTF)format("opentype");font-display:block;font-weight:500}@font-face{font-family:SFProBold;src:url(/assets/SFProBold-CkqE-6tD.OTF)format("opentype");font-display:block;font-weight:700}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0;font-family:SFProRegular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html,body{background:#f8f9fa;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:auto;margin:0;display:block}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:SFProMedium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.sf-pro-regular{font-family:SFProRegular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sf-pro-medium{font-family:SFProMedium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sf-pro-bold{font-family:SFProBold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}input[type=range]{appearance:none;cursor:pointer;background:0 0}input[type=range]::-webkit-slider-track{background:linear-gradient(90deg,#000 0%,#007aff 100%);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:linear-gradient(90deg,#000 0%,#007aff 100%);border:none;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #007aff;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 2px 4px #0003}input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #007aff;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 2px 4px #0003}input[type=range]:focus{outline:none}.device-frame-container,.controls-panel{transition:all .3s cubic-bezier(.4,0,.2,1)!important}button:not([style*="background: none"]),input[type=text]{transition:all .2s cubic-bezier(.4,0,.2,1)}@media (width<=1200px){.main-container{align-items:center!important}}@media (width<=768px){body{overflow-x:hidden}.controls-panel{gap:16px!important;padding:20px!important}button{min-height:44px}input[type=text]{font-size:16px!important}}@media (width<=480px){.controls-panel{gap:12px!important;padding:16px!important}.view-mode-grid{gap:6px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){button{border:2px solid}input[type=text],input[type=color]{border-width:2px}}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:focus-visible{outline-offset:2px;outline:2px solid #007aff}html{scroll-behavior:smooth}::selection{color:inherit;background-color:#007aff4d}.loading{opacity:.7;pointer-events:none;transition:opacity .2s}.error{border-color:#ff3b30!important;box-shadow:0 0 0 3px #ff3b304d!important}