{"version":3,"file":"static/css/main.dc31ba2a.css","mappings":"AAAA,KAUI,kBAAmB,CAJnB,wBAAyB,CACzB,aAAc,CACd,YAAa,CAPb,mIAEY,CAMZ,sBAAuB,CALvB,QAAS,CAOT,gBAAiB,CANjB,SAAU,CAOV,iBACJ,CAEA,eAGI,wBAAyB,CADzB,kBAAmB,CADnB,YAGJ,CAEA,GACI,aACJ,CAEA,OACI,wBAAyB,CACzB,iBAAkB,CAElB,gBAAiB,CADjB,eAEJ,CAEA,UAGI,qBAAsB,CAEtB,QAAS,CAJT,eAKJ,CAEA,yBAJI,kBAAmB,CAFnB,YAUJ,CAJA,eAGI,QACJ,CAEA,MACI,cAAe,CAEf,gBAAiB,CADjB,WAEJ,CAEA,kBACI,WACJ,CAEA,qBAEI,WAAY,CADZ,UAEJ,CAEA,cAKI,wBAAyB,CADzB,wBAAyB,CADzB,iBAAkB,CAGlB,aAAc,CACd,cAAe,CANf,cAAe,CACf,WAMJ,CAGA,YASI,kBAAmB,CAGnB,iCAA0B,CAA1B,yBAA0B,CAN1B,0BAAoC,CACpC,YAAa,CAFb,YAAa,CAGb,sBAAuB,CALvB,MAAO,CAQP,mBAAoB,CAVpB,cAAe,CACf,KAAM,CAEN,WAAY,CAMZ,YAGJ,CAEA,SACI,oBAAiC,CACjC,qBAAsB,CAEtB,iBAAkB,CAGlB,6BAAuC,CAFvC,aAAc,CAGd,yCAA8C,CAC9C,kBAAmB,CANnB,iBAAkB,CAGlB,iBAIJ,CAEA,YAGI,UAAc,CAFd,gBAAiB,CAIjB,kBAAmB,CAHnB,eAAkB,CAElB,wBAEJ,CAEA,cAKI,2BAA4B,CAH5B,aAAc,CADd,gBAAiB,CAEjB,kBAAmB,CACnB,wBAEJ,CAEA,oBACI,gBAAuB,CACvB,sBAA6B,CAG7B,cAAe,CAFf,mBAAoB,CACpB,iBAAkB,CAElB,mBAAoB,CACpB,uBACJ,CAEA,0BAEI,oBAAoC,CACpC,iBAAkB,CAFlB,8BAGJ,CAEA,kCAII,oBAAmC,CAFnC,oBAAqB,CACrB,iBAAkB,CAFlB,YAIJ,CAEA,kBAEI,qBAAsB,CACtB,QAGJ,CAEA,+BAJI,kBAAmB,CAHnB,YAAa,CAIb,UASJ,CANA,aAGI,QAAS,CAET,6BACJ,CAEA,MACI,YAAa,CACb,OACJ,CAEA,KAEI,eAAgB,CADhB,qBAAsB,CAGtB,iBAAkB,CAGlB,UAAW,CAEX,oBAAqB,CAJrB,cAAe,CACf,eAAiB,CAEjB,cAAe,CALf,gBAOJ,CAEA,UACI,gBACJ,CAEA,QAEI,UAAW,CADX,eAAiB,CAEjB,wBACJ,CAEA,iBACI,GAAK,UAAc,CACnB,IAAM,SAAY,CAClB,GAAO,UAAc,CACzB,CAGA,gBAUI,kBAAmB,CAJnB,wBAAyB,CAMzB,aAAc,CAJd,YAAa,CAGb,yCAA8C,CAN9C,YAAa,CAIb,sBAAuB,CANvB,MAAO,CAFP,cAAe,CACf,KAAM,CAEN,WAAY,CAGZ,YAMJ,CAEA,gBAGI,sBAAuB,CAFvB,YAAa,CACb,qBAAsB,CAGtB,aAAc,CADd,WAEJ,CAEA,eAKI,4BAA6B,CAH7B,UAAW,CADX,eAAiB,CAEjB,kBAAmB,CACnB,kBAAmB,CAGnB,kBAAmB,CADnB,UAEJ,CAEA,aAGI,aAAc,CAFd,gBAAiB,CACjB,eAAiB,CAGjB,kBAAmB,CADnB,kBAEJ,CAEA,YAGI,eAAgB,CADhB,UAAW,CAEX,kBAAmB,CAEnB,eAAgB,CADhB,iBAAkB,CAJlB,UAMJ,CAEA,iBAEI,kBAAmB,CAEnB,6BAA4C,CAH5C,WAAY,CAEZ,6BAEJ,CAEA,aAEI,UAAW,CADX,eAAiB,CAMjB,iBAAkB,CAHlB,eAAgB,CAChB,sBAAuB,CAFvB,kBAAmB,CAGnB,UAEJ,CAGA,WAMI,sBAA0C,CAC1C,iBAAkB,CAIlB,4BAAsC,CANtC,UAAW,CAFX,QAAS,CAMT,mBAAoB,CARpB,cAAe,CACf,OAAQ,CAMR,8BAAgC,CAIhC,oDAA0D,CAR1D,SAAU,CAMV,WAGJ","sources":["style.css"],"sourcesContent":["body {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n      sans-serif;\n    margin: 0;\n    padding: 0;\n    background-color: #1a1a1a;\n    color: #e0e0e0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 100vh;\n    text-align: center;\n}\n\n#app-container {\n    padding: 20px;\n    border-radius: 10px;\n    background-color: #282c34;\n}\n\nh1 {\n    color: #61dafb;\n}\n\ncanvas {\n    border: 2px solid #61dafb;\n    border-radius: 8px;\n    margin-top: 20px;\n    cursor: crosshair;\n}\n\n.controls {\n    margin-top: 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 15px;\n}\n\n.control-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\nlabel {\n    font-size: 16px;\n    width: 120px;\n    text-align: right;\n}\n\ninput[type=\"range\"] {\n    width: 250px;\n}\n\ninput[type=\"checkbox\"] {\n    width: 20px;\n    height: 20px;\n}\n\nselect, button {\n    font-size: 16px;\n    padding: 8px;\n    border-radius: 5px;\n    border: 1px solid #61dafb;\n    background-color: #20232a;\n    color: #e0e0e0;\n    cursor: pointer;\n}\n\n/* Palette UI Overlay Styles */\n.ui-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgba(0, 0, 0, 0.7);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000;\n    pointer-events: none;\n    backdrop-filter: blur(4px);\n}\n\n.ui-card {\n    background: rgba(20, 20, 20, 0.9);\n    border: 1px solid #444;\n    padding: 40px 60px;\n    border-radius: 4px;\n    color: #e0e0e0;\n    text-align: center;\n    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);\n    font-family: 'Courier New', Courier, monospace;\n    letter-spacing: 1px;\n}\n\n.ui-card h1 {\n    font-size: 2.5rem;\n    margin: 0 0 10px 0;\n    color: #ffffff;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n}\n\n.start-prompt {\n    font-size: 1.2rem;\n    color: #61dafb;\n    margin-bottom: 40px;\n    text-transform: uppercase;\n    animation: pulse 2s infinite;\n}\n\nbutton.start-button {\n    background: transparent;\n    border: 2px solid transparent;\n    font-family: inherit;\n    padding: 10px 20px;\n    cursor: pointer;\n    pointer-events: auto;\n    transition: all 0.2s ease;\n}\n\nbutton.start-button:hover {\n    text-shadow: 0 0 10px rgba(97, 218, 251, 0.5);\n    background: rgba(97, 218, 251, 0.05);\n    border-radius: 4px;\n}\n\nbutton.start-button:focus-visible {\n    outline: none;\n    border-color: #61dafb;\n    border-radius: 4px;\n    background: rgba(97, 218, 251, 0.1);\n}\n\n.controls-section {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    align-items: center;\n    width: 100%;\n}\n\n.control-row {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    width: 100%;\n    justify-content: space-between;\n}\n\n.keys {\n    display: flex;\n    gap: 5px;\n}\n\n.key {\n    border: 1px solid #666;\n    background: #333;\n    padding: 6px 12px;\n    border-radius: 2px;\n    font-size: 1rem;\n    font-weight: bold;\n    color: #fff;\n    min-width: 20px;\n    display: inline-block;\n}\n\n.key-wide {\n    padding: 6px 20px;\n}\n\n.action {\n    font-size: 0.9rem;\n    color: #aaa;\n    text-transform: uppercase;\n}\n\n@keyframes pulse {\n    0% { opacity: 0.6; }\n    50% { opacity: 1; }\n    100% { opacity: 0.6; }\n}\n\n/* Loader Styles */\n.loader-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background-color: #0f0f0f;\n    z-index: 2000;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-family: 'Courier New', Courier, monospace;\n    color: #e0e0e0;\n}\n\n.loader-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    width: 400px;\n    max-width: 90%;\n}\n\n.loader-header {\n    font-size: 0.8rem;\n    color: #666;\n    letter-spacing: 2px;\n    margin-bottom: 10px;\n    border-bottom: 1px solid #333;\n    width: 100%;\n    padding-bottom: 5px;\n}\n\n.loader-text {\n    font-size: 1.2rem;\n    font-weight: bold;\n    color: #61dafb;\n    margin-bottom: 15px;\n    letter-spacing: 1px;\n}\n\n.loader-bar {\n    width: 100%;\n    height: 4px;\n    background: #333;\n    margin-bottom: 10px;\n    position: relative;\n    overflow: hidden;\n}\n\n.loader-bar-fill {\n    height: 100%;\n    background: #61dafb;\n    transition: width 0.2s ease-out;\n    box-shadow: 0 0 10px rgba(97, 218, 251, 0.5);\n}\n\n.loader-item {\n    font-size: 0.7rem;\n    color: #888;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n    font-style: italic;\n}\n\n/* Crosshair - Palette UX Improvement */\n.crosshair {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    width: 6px;\n    height: 6px;\n    background-color: rgba(255, 255, 255, 0.8);\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n    z-index: 100;\n    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);\n    transition: width 0.2s, height 0.2s, background-color 0.2s;\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}