@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;700&display=swap";.home{text-align:center;display:flex;flex-direction:column}.key-plate-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 24px 0;width:100%}.plate-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:160px;width:100%}.key-plate{border-radius:16px;border:1px solid var(--border-subtle);justify-content:center;position:relative;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at center,#1e293b,#0f172a);box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d}.key-plate-info{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:500;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:20px;padding:8px 20px;box-shadow:inset 0 2px 4px #0003}.edit-drawer{position:fixed;top:80px;right:0;width:280px;height:calc(100vh - 140px);background:#0f172af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid rgba(255,255,255,.1);box-shadow:-4px 0 24px #0000004d;z-index:900;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.edit-drawer.open{transform:translate(0);pointer-events:auto}.edit-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.edit-drawer__title{font-size:1rem;font-weight:600;color:var(--text-primary, #fff);letter-spacing:.02em}.edit-drawer__close{color:var(--text-secondary, rgba(255, 255, 255, .6))!important;transition:color .2s!important}.edit-drawer__close:hover{color:var(--accent-magenta, #d946ef)!important}.edit-drawer__content{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.edit-drawer__field{width:100%}.edit-drawer__row{display:flex;gap:16px}.edit-drawer__row .edit-drawer__field{flex:1}.edit-drawer .MuiInputLabel-root{color:var(--text-secondary, rgba(255, 255, 255, .6))}.edit-drawer .MuiInputLabel-root.Mui-focused{color:var(--accent-cyan, #06b6d4)}.edit-drawer .MuiInput-root{color:var(--text-primary, #fff)}.edit-drawer .MuiInput-root:before{border-bottom-color:#fff3}.edit-drawer .MuiInput-root:hover:before{border-bottom-color:#fff6!important}.edit-drawer .MuiInput-root:after{border-bottom-color:var(--accent-cyan, #06b6d4)}.edit-drawer .MuiSelect-icon{color:var(--text-secondary, rgba(255, 255, 255, .6))}.edit-drawer__preview{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:12px}.edit-drawer__preview-label{font-size:.75rem;color:var(--text-secondary, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.1em}.edit-drawer__preview-key{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3a4a5c,#2a3a4c);border-radius:6px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a;color:var(--text-primary, #fff);font-size:.875rem;font-weight:500;transition:transform .2s;min-width:40px;min-height:40px}@media(max-width:768px){.edit-drawer{width:100%;top:auto;bottom:140px;height:auto;max-height:50vh;border-left:none;border-top:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;transform:translateY(100%)}.edit-drawer.open{transform:translateY(0)}.edit-drawer__preview{display:none}}.key-switch{display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#050b14,#0f172a);border-radius:6px;border:1px solid rgba(6,182,212,.3);box-shadow:0 4px 8px #00000080,inset 0 0 10px #06b6d40d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;color:var(--accent-cyan);font-family:var(--font-tech);font-size:.75rem;letter-spacing:.05em;text-shadow:0 0 5px rgba(6,182,212,.5);transition:all .2s cubic-bezier(.4,0,.2,1);overflow:visible;z-index:var(--z-key)}.key-switch:after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:6px;background:linear-gradient(180deg,#1e293bcc,#0f172ae6);border-radius:4px;border-top:1px solid rgba(6,182,212,.2);border-bottom:1px solid rgba(0,0,0,.5);box-shadow:0 2px 4px #0006,inset 0 1px #06b6d41a;z-index:-1}.key-switch:hover{transform:translateY(-1px);border-color:var(--accent-cyan);box-shadow:0 0 15px #06b6d433,inset 0 0 15px #06b6d41a;color:#fff;text-shadow:0 0 8px var(--accent-cyan)}.key-switch:hover:after{background:linear-gradient(180deg,#1e293b,#0f172a);border-top:1px solid rgba(6,182,212,.5)}.key-switch-selected{background:linear-gradient(180deg,#d946ef1a,#0f172af2);border:1px solid var(--accent-magenta);color:var(--accent-magenta);box-shadow:0 0 20px #d946ef4d,inset 0 0 10px #d946ef1a;z-index:var(--z-key-selected);text-shadow:0 0 8px rgba(217,70,239,.6)}.key-switch-selected:after{background:linear-gradient(180deg,#d946ef26,#0f172ae6);border-top:1px solid rgba(217,70,239,.6);box-shadow:inset 0 0 10px #d946ef1a}.key-switch-selected:hover{box-shadow:0 0 30px #d946ef80,inset 0 0 20px #d946ef33;color:#fff;text-shadow:0 0 12px var(--accent-magenta)}.floating-dock{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:20px;background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset,0 -1px #ffffff1a inset;z-index:1000}.dock-group{display:flex;align-items:center;gap:4px}.dock-divider{width:1px;height:24px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);margin:0 8px}.dock-item{color:#ffffffb3!important;padding:10px!important;border-radius:12px!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)!important;position:relative}.dock-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:transparent;transition:background .2s ease}.dock-item:hover{color:#fff!important;transform:scale(1.2) translateY(-4px)}.dock-item:hover:before{background:#ffffff1a}.dock-group:nth-child(1) .dock-item:hover{color:var(--accent-cyan, #06b6d4)!important;text-shadow:0 0 12px var(--accent-cyan, #06b6d4)}.dock-group:nth-child(3) .dock-item:hover{color:var(--accent-green, #10b981)!important;text-shadow:0 0 12px var(--accent-green, #10b981)}.dock-group:nth-child(5) .dock-item:hover{color:var(--accent-magenta, #d946ef)!important;text-shadow:0 0 12px var(--accent-magenta, #d946ef)}.dock-item.Mui-disabled{color:#fff3!important;transform:none!important}.dock-item.Mui-disabled:hover{transform:none!important}.dock-item svg{font-size:1.5rem;position:relative;z-index:1}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-text{margin-top:16px;color:#fff;font-size:14px;text-align:center}@media(max-width:480px){.floating-dock{padding:10px 12px;gap:4px;bottom:70px}.dock-item{padding:8px!important}.dock-item svg{font-size:1.25rem}.dock-divider{margin:0 4px;height:20px}}.stl-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:#1a1a2ee6;z-index:10;color:#ffffffb3}.stl-color-picker{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;padding:8px 12px;background-color:#0009;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about{text-align:center;display:flex;flex-direction:column}.app_name{font-size:1.5rem;font-weight:700;text-align:center;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 10px rgba(6,182,212,.5),0 0 20px rgba(6,182,212,.3);margin:0;padding:20px 0;font-family:var(--font-tech)}header{background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glow);box-shadow:0 4px 30px #0000001a;position:sticky;top:0;z-index:var(--z-modal)}.header-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px}.announcement-dialog .MuiDialog-paper,.about-dialog .MuiDialog-paper{background:var(--metal-dark);color:var(--text-primary);border:1px solid var(--border-subtle)}.announcement-dialog .MuiDialogTitle-root,.about-dialog .MuiDialogTitle-root{color:var(--text-primary)}.announcement-dialog .MuiDialogContent-root,.about-dialog .MuiDialogContent-root{color:var(--text-secondary)}.announcement-dialog ul,.about-dialog ul{margin:0}.announcement-dialog li,.about-dialog li{line-height:1.6}.footer-container{position:fixed;left:0;bottom:0;width:100%;z-index:999}.footer{width:100%;padding:10px 0;background:linear-gradient(180deg,var(--metal-darkest) 0%,#12141a 100%);border-top:1px solid var(--border-subtle);display:flex;text-align:center}.footer__item{color:var(--text-secondary);font-size:.75rem;flex-grow:1}.footer__item a{color:var(--metal-lighter)}.footer__item a:hover{color:var(--accent)}:root{--bg-darkest: #334155;--bg-dark: #1e293b;--bg-panel: rgba(30, 41, 59, .7);--bg-header: rgba(15, 23, 42, .8);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #06b6d4;--accent-magenta: #d946ef;--accent-lime: #84cc16;--border-subtle: rgba(148, 163, 184, .1);--border-glow: rgba(6, 182, 212, .5);--shadow-glow-cyan: 0 0 10px rgba(6, 182, 212, .3);--shadow-glow-magenta: 0 0 10px rgba(217, 70, 239, .3);--font-main: "Inter", sans-serif;--font-tech: "Orbitron", sans-serif;--glass-blur: blur(12px);--z-key: 10;--z-key-selected: 20;--z-header: 100;--z-modal: 1000}*{box-sizing:border-box}body{margin:0;font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-darkest);background-image:linear-gradient(#334155e6,#334155e6),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2306b6d4' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");color:var(--text-primary);min-height:100vh;overflow-x:hidden}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-family:var(--font-tech);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 5px rgba(6,182,212,.2)}.MuiPaper-root{background:var(--bg-panel)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;color:var(--text-primary)!important;border:1px solid var(--border-subtle)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;border-radius:12px!important}.MuiButton-root{font-family:var(--font-tech)!important;text-transform:uppercase!important;letter-spacing:.1em!important;border-radius:4px!important;transition:all .3s ease!important}.MuiButton-contained{background:linear-gradient(135deg,#06b6d41a,#06b6d40d)!important;border:1px solid rgba(6,182,212,.3)!important;color:var(--accent-cyan)!important;box-shadow:0 0 10px #06b6d41a!important}.MuiButton-contained:hover{background:linear-gradient(135deg,#06b6d433,#06b6d41a)!important;box-shadow:0 0 20px #06b6d466!important;border-color:var(--accent-cyan)!important}.MuiButton-outlined{border-color:var(--text-muted)!important;color:var(--text-secondary)!important}.MuiButton-outlined:hover{border-color:var(--accent-magenta)!important;color:var(--accent-magenta)!important;box-shadow:0 0 15px #d946ef4d!important;background:#d946ef0d!important}.MuiDialogTitle-root{font-family:var(--font-tech)!important;border-bottom:1px solid var(--border-subtle);margin-bottom:1rem}.MuiDialogContentText-root{color:var(--text-secondary)!important}.MuiInputBase-root{color:var(--text-primary)!important;font-family:var(--font-main)!important}.MuiInputLabel-root{color:var(--text-muted)!important;font-family:var(--font-tech)!important;font-size:.8rem!important}.MuiInputLabel-root.Mui-focused{color:var(--accent-cyan)!important}.MuiOutlinedInput-notchedOutline{border-color:var(--border-subtle)!important}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--text-secondary)!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--accent-cyan)!important;box-shadow:0 0 5px #06b6d480}.MuiMenu-paper{background:var(--bg-dark)!important;border:1px solid var(--border-subtle)!important}.MuiMenuItem-root{font-family:var(--font-main)!important;color:var(--text-secondary)!important}.MuiMenuItem-root:hover,.MuiMenuItem-root.Mui-selected,.MuiMenuItem-root.Mui-selected:hover{background:#06b6d41a!important;color:var(--accent-cyan)!important}.MuiSelect-icon{color:var(--text-muted)!important}a{color:var(--accent-cyan);text-decoration:none;transition:all .2s ease}a:hover{color:var(--accent-magenta);text-shadow:0 0 8px rgba(217,70,239,.5)}::selection{background:var(--accent-cyan);color:var(--bg-darkest)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darkest)}::-webkit-scrollbar-thumb{background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}