body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6fa;color:#2d3436;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;letter-spacing:.01em;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[inert]>*{opacity:.5}::-webkit-scrollbar{background:#f1f2f6;width:8px}::-webkit-scrollbar-thumb{background:#dfe6e9;border-radius:4px}.download-btn{background:linear-gradient(90deg,#00b894,#00cec9)!important;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:12px 32px;transition:background .2s}.download-btn:hover{background:linear-gradient(90deg,#00cec9,#00b894)!important}body.dark-mode{background:linear-gradient(135deg,#232946,#121629);color:#f5f6fa}body.dark-mode .App-header{background-color:#181a2a;color:#f5f6fa}body.dark-mode input,body.dark-mode select{background:#232946;border:1px solid #393e57;color:#f5f6fa}#tab{background:#f1f2f6;border:none;border-top-left-radius:8px;border-top-right-radius:8px;cursor:pointer;font-weight:500;margin-right:8px;padding:8px 20px}body.dark-mode #tab{color:#f5f6fa}.react-tabs__tab{background:#f1f2f6;border:none;border-top-left-radius:8px;border-top-right-radius:8px;display:table-cell!important;font-weight:500;margin-right:8px;padding:8px 20px;text-align:center;vertical-align:middle}.react-tabs__tab--selected{background:#00b894!important;color:#fff!important}body.dark-mode .react-tabs__tab{background:#393e57!important;color:#f5f6fa!important}body.dark-mode .react-tabs__tab--selected{background:#232946!important;color:#00cec9!important}body.dark-mode .download-btn{background:linear-gradient(90deg,#232946,#393e57)!important;color:#f5f6fa!important;transition:background .2s}body.dark-mode .download-btn:hover{background:linear-gradient(90deg,#393e57 100%,#232946 0)!important}body.dark-mode #tab{background:#232946;color:#060c22}.dark-mode-toggle{background:#232946;border:1px solid #393e57;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#f5f6fa;cursor:pointer;padding:8px 16px;z-index:100}body.dark-mode .dark-mode-toggle{background:#393e57;color:#f5f6fa}.input{background:#f9f9fb;border:1px solid #dfe6e9;border-radius:6px;font-size:16px;margin-bottom:4px;margin-left:8px;margin-top:4px;outline:none;padding:6px 12px;transition:border .2s}.button{background:#00b894;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;transition:background .2s,transform .1s}body.dark-mode .button{background:#393e57;color:#f5f6fa}.tray-panel{background-color:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;margin-left:16px;margin-right:16px;padding:24px;width:400px}body.dark-mode .tray-panel{background-color:#121629;color:#f5f6fa}.container{display:flex;flex-direction:row;margin-bottom:14px;margin-top:14px;width:100%}.header{background:#fff;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:16px}body.dark-mode .header{background-color:#181a2a;color:#f5f6fa}.footer{align-items:center;background:#fff;box-shadow:0 2px 8px #0000000a;display:flex;position:relative;width:100%}body.dark-mode .footer{background-color:#181a2a;color:#f5f6fa}.title{color:"#2d3436";font-size:28;font-weight:600;margin:0;padding-left:16px}body.dark-mode .title{color:#f5f6fa}.tabTitle{color:#636e72;margin-top:0}body.dark-mode .tabTitle{color:#f5f6fa}.trayFrame{background:linear-gradient(135deg,#dfe6e9,#b2bec3);border-radius:16px;box-shadow:0 4px 24px #00000014;display:flex;flex:1 1;margin-right:16px;min-height:600px}.dark-mode .trayFrame{background:linear-gradient(135deg,#232946,#121629)}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001a;max-width:500px;padding:24px;width:100%}body.dark-mode .modal-content{background:#181a2a;color:#f5f6fa}.icon-text{align-items:center;display:flex;gap:.5rem}.icon-text p{display:contents}.camera-controls{align-items:center;background-color:#fffc;border-radius:8px;display:flex;gap:.5rem;height:40px;padding:.5rem;position:absolute;right:4rem;top:8rem;z-index:10}body.dark-mode .camera-controls{background-color:#00000080}.link{color:blue}body.dark-mode .link{color:#00cec9}.warning-box{background-color:#ff0;border-radius:8px;color:#000;margin-top:12px;padding:15px}.tray-canvas{border-radius:16px;height:100%;width:100%}.header-buttons{display:flex;flex-direction:row;gap:1rem;z-index:1000}.camera-controls .button{height:40px;width:100%}.header-title{align-items:center;display:flex;flex-direction:row}@media (max-width:800px){.container{flex-direction:column-reverse;width:100%}.trayFrame{height:25%;max-height:25%;min-height:25vh;position:relative}.tray-panel,.trayFrame{border-radius:0;width:100%}.tray-panel{margin-left:0;margin-right:0;padding:0}.tray-canvas{border-radius:0;height:25vh!important}.title{display:none}.header-title img{margin-right:12px}.camera-controls{border-radius:0;flex-direction:column;height:100%;padding:0 5px;right:0;top:0;width:-webkit-fit-content;width:fit-content}.camera-controls .button{font-size:80%;padding:10px}.icon-text p{display:none}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}
/*# sourceMappingURL=main.b0e8373c.css.map*/