@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";body{margin:0;font-family:Inter,sans-serif;background-color:#111;overflow:hidden;color:#fff}.absolute{position:absolute}.inset-0{inset:0}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.p-4{padding:1rem}.p-2{padding:.5rem}.gap-2{gap:.5rem}.w-full{width:100%}.h-screen{height:100vh}.bg-gray-900{background-color:#111827}.relative{position:relative}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.bg-black\/50{background-color:#00000080}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.text-white{color:#fff}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.drop-shadow-md{filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07))}.w-64{width:16rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.text-sm{font-size:.875rem}.space-y-2>*+*{margin-top:.5rem}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.transition-colors{transition:background-color .15s ease-in-out}.bg-blue-600{background-color:#2563eb}.bg-blue-600\/50{background-color:#2563eb80}.border{border-width:1px}.border-blue-400{border-color:#60a5fa}.hover\:bg-blue-500:hover{background-color:#3b82f6}.bg-white\/10{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.text-white\/50{color:#ffffff80}.hover\:text-red-400:hover{color:#f87171}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-1{flex:1 1 0%}.mx-auto{margin-left:auto;margin-right:auto}.hidden{display:none}.bottom-4{bottom:1rem}.right-4{right:1rem}.w-32{width:8rem}.h-24{height:6rem}.object-cover{object-fit:cover}.border-2{border-width:2px}.border-white\/20{border-color:#fff3}.opacity-50{opacity:.5}.hover\:opacity-100:hover{opacity:1}.transition-opacity{transition:opacity .15s ease}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff6;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff9}.overlay-panel{background-color:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;border-radius:.5rem;color:#fff;width:18rem}.tabs-container{display:flex;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.tab-button{flex:1;padding-bottom:.5rem;font-size:.875rem;font-weight:700;background:none;border:none;cursor:pointer;transition:color .2s;color:#ffffff80}.tab-button-active{color:#60a5fa;border-bottom:2px solid #60a5fa}.settings-content{font-size:.875rem;max-height:600px;overflow-y:auto;padding-right:.5rem;padding-bottom:1.5rem}.env-settings{display:flex;flex-direction:column;gap:1rem}.model-settings{display:flex;flex-direction:column;gap:.75rem}.settings-group{display:flex;flex-direction:column}.settings-label{display:block;color:#ffffffb3;margin-bottom:.25rem}.settings-label-small{display:block;font-size:10px;color:#ffffff80;margin-bottom:.25rem}.settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.settings-section-title{color:#60a5fa;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.05em;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem;margin-top:.5rem}.settings-section-content{display:flex;flex-direction:column;gap:.5rem}.settings-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.input-range{width:100%}.input-select{width:100%;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;padding:.25rem .5rem;color:#fff;font-size:.875rem;outline:none;margin-bottom:.5rem}.input-checkbox{width:1rem;height:1rem;cursor:pointer}.input-color{width:100%;height:2rem;background:transparent;border:none;cursor:pointer}.input-color-small{width:2.5rem;height:1.5rem;background:transparent;border:none;cursor:pointer}.value-display{font-size:.75rem;color:#ffffff80;font-family:monospace}.info-text{font-size:10px;color:#fff6;font-style:italic;margin-top:.25rem}.settings-hint{font-size:11px;color:#fff6;line-height:1.4}.save-default-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#2563eb;color:#fff;padding:10px;border-radius:6px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:background-color .2s,transform .1s}.save-default-button:hover{background-color:#1d4ed8}.save-default-button:active{transform:scale(.98)}.upload-button{width:100%;background-color:#ffffff1a;color:#fff;padding:.25rem .5rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:background-color .2s}.upload-button:hover{background-color:#fff3}.toggle-button{width:2.5rem;height:1.25rem;border-radius:9999px;transition:background-color .2s;position:relative;border:none;cursor:pointer}.toggle-button-on{background-color:#fff}.toggle-button-off{background-color:#ffffff1a}.toggle-knob{position:absolute;top:.25rem;left:.25rem;width:.75rem;height:.75rem;border-radius:9999px;transition:transform .2s}.toggle-knob-on{transform:translate(1.25rem);background-color:#111827}.toggle-knob-off{background-color:#ffffff80}.system-header{pointer-events:auto;display:flex;justify-content:space-between;align-items:flex-start}.system-title-container{display:flex;flex-direction:column}.system-title{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.project-buttons-container{display:flex;gap:.5rem;margin-top:.5rem}.project-button{background-color:#ffffff1a;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;display:flex;align-items:center;gap:.25rem;border:none;cursor:pointer;transition:background-color .2s}.project-button:hover{background-color:#fff3}.model-list-container{pointer-events:auto;position:absolute;left:1rem;width:16rem;background-color:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.5rem;padding:1rem;overflow-y:auto}.model-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.model-list-title{color:#fff;font-weight:700;margin:0}.add-model-button{padding:.25rem;background-color:#2563eb;border-radius:.25rem;color:#fff;border:none;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.add-model-button:hover{background-color:#3b82f6}.model-items-wrapper{display:flex;flex-direction:column;gap:.5rem}.model-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.25rem;cursor:pointer;transition:all .2s}.model-item-active{background-color:#2563eb80;border:1px solid #60a5fa}.model-item-inactive{background-color:#ffffff1a;border:1px solid transparent}.model-item-inactive:hover{background-color:#fff3}.model-item-name{color:#fff;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.model-item-icon{color:#ffffff80}.model-delete-button{color:#ffffff80;background:none;border:none;padding:0;cursor:pointer;transition:color .2s;display:flex;align-items:center}.model-delete-button:hover{color:#f87171}.model-empty-text{color:#ffffff80;text-align:center;font-size:.875rem;padding:1rem 0}.interaction-tip{pointer-events:auto;color:#ffffffb3;font-size:.875rem;text-align:center;background-color:#0000004d;padding:.5rem 1rem;border-radius:9999px;margin:0 auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-buttons-footer{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.project-button-footer{background-color:#60a5fa33;color:#93c5fd;font-size:.875rem;padding:.5rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(96,165,250,.3);cursor:pointer;transition:all .2s}.project-button-footer:hover{background-color:#60a5fa4d;border-color:#60a5fa80;color:#fff}