.navbar[data-v-1f76f05c]{position:sticky;top:0;z-index:100;background:#7b58a34d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.15)}.nav-container[data-v-1f76f05c]{max-width:1400px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-logo[data-v-1f76f05c]{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:20px;font-weight:600;letter-spacing:.02em;transition:opacity .2s}.nav-logo[data-v-1f76f05c]:hover{opacity:.85}.logo-icon[data-v-1f76f05c]{width:28px;height:28px}.nav-links[data-v-1f76f05c]{display:flex;gap:8px}.nav-link[data-v-1f76f05c]{display:flex;align-items:center;gap:6px;padding:8px 16px;color:#ffffffd9;text-decoration:none;font-size:15px;font-weight:500;border-radius:8px;transition:all .2s}.nav-link[data-v-1f76f05c]:hover{background:#ffffff26;color:#fff}.nav-link.router-link-active[data-v-1f76f05c]{background:#fff3;color:#fff}.nav-icon[data-v-1f76f05c]{width:18px;height:18px}.theme-toggle[data-v-1f76f05c]{width:36px;height:36px;padding:8px;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.theme-toggle[data-v-1f76f05c]:hover{background:#ffffff40}.theme-toggle svg[data-v-1f76f05c]{width:100%;height:100%}@media (max-width: 768px){.nav-container[data-v-1f76f05c]{padding:0 16px}.nav-logo[data-v-1f76f05c]{font-size:18px}.logo-icon[data-v-1f76f05c]{width:24px;height:24px}.nav-links[data-v-1f76f05c]{gap:4px}.nav-link[data-v-1f76f05c]{padding:8px 12px;font-size:14px}.nav-icon[data-v-1f76f05c]{width:16px;height:16px}.theme-toggle[data-v-1f76f05c]{width:32px;height:32px}}@media (max-width: 480px){.nav-container[data-v-1f76f05c]{padding:0 12px;height:56px}.nav-logo span[data-v-1f76f05c],.nav-link span[data-v-1f76f05c]{display:none}.nav-link[data-v-1f76f05c]{padding:8px}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;overflow-y:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#9b6fc9,#c98fc9,#b88fc9);min-height:100vh;overflow-x:hidden}body::-webkit-scrollbar{width:0;height:0}html{scrollbar-width:none;-ms-overflow-style:none}#app{width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.home-page[data-v-664e4a34]{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:calc(100vh - 60px)}.home-page[data-v-664e4a34]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:drift-664e4a34 20s linear infinite;z-index:0;pointer-events:none}@keyframes drift-664e4a34{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-section[data-v-664e4a34]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1;animation:fadeInUp-664e4a34 .8s ease-out}@keyframes fadeInUp-664e4a34{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title[data-v-664e4a34]{font-size:72px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.02em;text-shadow:0 4px 20px rgba(0,0,0,.15)}.hero-subtitle[data-v-664e4a34]{font-size:24px;font-weight:400;color:#fffffff2;margin:0 0 48px;letter-spacing:.02em}.start-btn[data-v-664e4a34]{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#ffffff40;color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:50px;font-size:18px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.03em}.start-btn[data-v-664e4a34]:hover{background:#ffffff59;border-color:#fff9;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.start-btn[data-v-664e4a34]:active{transform:translateY(0)}.arrow-icon[data-v-664e4a34]{width:20px;height:20px;transition:transform .3s ease}.start-btn:hover .arrow-icon[data-v-664e4a34]{transform:translate(4px)}@media (max-width: 768px){.hero-title[data-v-664e4a34]{font-size:48px;padding:0 20px}.hero-subtitle[data-v-664e4a34]{font-size:18px;margin-bottom:36px;padding:0 20px}.start-btn[data-v-664e4a34]{padding:14px 32px;font-size:16px}}@media (max-width: 480px){.hero-title[data-v-664e4a34]{font-size:36px}.hero-subtitle[data-v-664e4a34]{font-size:16px;margin-bottom:32px}.start-btn[data-v-664e4a34]{padding:12px 28px;font-size:15px}.arrow-icon[data-v-664e4a34]{width:18px;height:18px}}.viewer-wrapper[data-v-12f8c0ea]{width:100%;display:flex;flex-direction:column;gap:10px}.three-container[data-v-12f8c0ea]{position:relative;width:100%;aspect-ratio:1096 / 895;border-radius:12px;overflow:hidden;background:transparent}.three-container canvas[data-v-12f8c0ea]{display:block;width:100%!important;height:100%!important}.upload-overlay[data-v-12f8c0ea]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#232323e6;border:2px dashed transparent;border-radius:6px;transition:border-color .2s,background .2s;z-index:10}.upload-overlay.dragging[data-v-12f8c0ea]{border-color:#4caf79;background:#232323b8}.upload-content[data-v-12f8c0ea]{display:flex;flex-direction:column;align-items:center;gap:10px;color:#ccc}.upload-icon[data-v-12f8c0ea]{width:48px;height:48px;color:#777}.upload-title[data-v-12f8c0ea]{font-size:15px;color:#ddd;letter-spacing:.03em}.upload-sub[data-v-12f8c0ea]{font-size:12px;color:#777;letter-spacing:.05em}.pick-btn[data-v-12f8c0ea]{margin-top:6px;padding:7px 22px;background:#4caf79;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s}.pick-btn[data-v-12f8c0ea]:hover{background:#3d9c68}.loading-overlay[data-v-12f8c0ea]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#191919c7;z-index:20;color:#ccc;font-size:13px;text-align:center;padding:20px}.spinner[data-v-12f8c0ea]{width:36px;height:36px;border:3px solid rgba(255,255,255,.12);border-top-color:#4caf79;border-radius:50%;animation:spin-12f8c0ea .7s linear infinite}@keyframes spin-12f8c0ea{to{transform:rotate(360deg)}}.reupload-btn[data-v-12f8c0ea]{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:5px;padding:5px 12px;background:#00000073;color:#eee;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s;z-index:10}.reupload-btn svg[data-v-12f8c0ea]{width:13px;height:13px}.reupload-btn[data-v-12f8c0ea]:hover{background:#000000a6}.mesh-panel[data-v-12f8c0ea]{border:1px solid #d8d8d8;border-radius:6px;background:#fff;overflow:hidden}.mesh-panel-toggle[data-v-12f8c0ea]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f7f7f7;border:none;font-size:12px;color:#555;cursor:pointer;letter-spacing:.04em}.mesh-panel-toggle svg[data-v-12f8c0ea]{width:14px;height:14px;transition:transform .2s}.mesh-panel-toggle[data-v-12f8c0ea]:hover{background:#efefef}.mesh-list[data-v-12f8c0ea]{padding:8px 12px 10px;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.mesh-row[data-v-12f8c0ea]{display:flex;align-items:center;justify-content:space-between;gap:8px}.mesh-swatch[data-v-12f8c0ea]{flex-shrink:0;width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.15);display:inline-block}.mesh-name[data-v-12f8c0ea]{font-size:12px;color:#555;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mesh-list select[data-v-12f8c0ea]{width:110px;flex-shrink:0;padding:3px 5px;font-size:12px;border:1px solid #ccc;border-radius:3px;background:#fff}.fade-enter-active[data-v-12f8c0ea],.fade-leave-active[data-v-12f8c0ea]{transition:opacity .25s}.fade-enter-from[data-v-12f8c0ea],.fade-leave-to[data-v-12f8c0ea]{opacity:0}.slide-enter-active[data-v-12f8c0ea],.slide-leave-active[data-v-12f8c0ea]{transition:opacity .2s,max-height .25s ease;overflow:hidden}.slide-enter-from[data-v-12f8c0ea],.slide-leave-to[data-v-12f8c0ea]{opacity:0;max-height:0!important}.mesh-menu[data-v-12f8c0ea]{position:absolute;z-index:100;background:#fffffffa;border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 8px 24px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:visible;min-width:220px;max-width:280px;transform:translate(-50%,10px);max-height:calc(100vh - 100px);display:flex;flex-direction:column}.menu-header[data-v-12f8c0ea]{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#7b58a314;border-bottom:1px solid rgba(0,0,0,.08)}.mesh-color-dot[data-v-12f8c0ea]{flex-shrink:0;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 4px #00000026}.menu-title[data-v-12f8c0ea]{flex:1;font-size:13px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-options[data-v-12f8c0ea]{padding:6px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 200px)}.menu-options[data-v-12f8c0ea]::-webkit-scrollbar{width:4px}.menu-options[data-v-12f8c0ea]::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.menu-options[data-v-12f8c0ea]::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.menu-option[data-v-12f8c0ea]{display:flex;align-items:center;gap:8px;padding:10px 12px;background:transparent;border:none;border-radius:6px;font-size:13px;color:#333;cursor:pointer;transition:all .15s;text-align:left;position:relative}.menu-option svg[data-v-12f8c0ea]{width:16px;height:16px;flex-shrink:0}.menu-option .expand-arrow[data-v-12f8c0ea]{margin-left:auto;width:14px;height:14px;transition:transform .2s}.menu-option.expanded .expand-arrow[data-v-12f8c0ea]{transform:rotate(180deg)}.menu-option[data-v-12f8c0ea]:hover{background:#7b58a31a}.menu-option.active[data-v-12f8c0ea]{background:#7b58a333;color:#5a4a7a;font-weight:600}.menu-option.active svg[data-v-12f8c0ea]{stroke:#5a4a7a}.color-picker-panel[data-v-12f8c0ea]{padding:8px;background:#7b58a30d;border-radius:6px;margin:4px 6px}.color-grid[data-v-12f8c0ea]{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.color-item[data-v-12f8c0ea]{width:32px;height:32px;border-radius:6px;border:2px solid rgba(255,255,255,.9);cursor:pointer;transition:all .2s;position:relative;box-shadow:0 2px 4px #00000026;display:flex;align-items:center;justify-content:center}.color-item[data-v-12f8c0ea]:hover{transform:scale(1.15);box-shadow:0 4px 8px #00000040;z-index:1}.color-item.selected[data-v-12f8c0ea]{border-color:#5a4a7a;border-width:3px;box-shadow:0 0 0 2px #7b58a34d}.color-item.glow-preview[data-v-12f8c0ea]{border-color:#fff9}.color-item.glow-preview[data-v-12f8c0ea]:hover{transform:scale(1.15);z-index:1}.color-item.metallic-preview[data-v-12f8c0ea]{border-color:#fffc;position:relative;overflow:hidden}.color-item.metallic-preview[data-v-12f8c0ea]:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);animation:shine-12f8c0ea 3s infinite}@keyframes shine-12f8c0ea{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.color-item.metallic-preview[data-v-12f8c0ea]:hover{transform:scale(1.15);z-index:1}.color-item.rainbow-preview[data-v-12f8c0ea]{background:linear-gradient(90deg,red,#ff8000,#ff0,#0f0,#0080ff,#8000ff,red)!important;background-size:200% 100%!important;animation:rainbow-slide-12f8c0ea 3s linear infinite;border-color:#ffffffe6}@keyframes rainbow-slide-12f8c0ea{0%{background-position:0% 50%}to{background-position:200% 50%}}.color-item.rainbow-preview[data-v-12f8c0ea]:hover{transform:scale(1.15);z-index:1}.color-item .check-mark[data-v-12f8c0ea]{width:16px;height:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.color-expand-enter-active[data-v-12f8c0ea],.color-expand-leave-active[data-v-12f8c0ea]{transition:all .25s ease;overflow:hidden}.color-expand-enter-from[data-v-12f8c0ea],.color-expand-leave-to[data-v-12f8c0ea]{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.color-expand-enter-to[data-v-12f8c0ea],.color-expand-leave-from[data-v-12f8c0ea]{opacity:1;max-height:500px}.menu-fade-enter-active[data-v-12f8c0ea]{animation:menu-in-12f8c0ea .2s ease-out}.menu-fade-leave-active[data-v-12f8c0ea]{animation:menu-out-12f8c0ea .15s ease-in}@keyframes menu-in-12f8c0ea{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%,10px) scale(1)}}@keyframes menu-out-12f8c0ea{0%{opacity:1;transform:translate(-50%,10px) scale(1)}to{opacity:0;transform:translate(-50%) scale(.9)}}.custom-select[data-v-ec54ae0b]{position:relative;width:100%;z-index:1}.custom-select.open[data-v-ec54ae0b]{z-index:10000}.select-trigger[data-v-ec54ae0b]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;font-size:14px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#fffffff2;color:#333;cursor:pointer;transition:all .2s;font-weight:500;-webkit-user-select:none;user-select:none}.custom-select.small .select-trigger[data-v-ec54ae0b]{padding:4px 8px;font-size:11px;border-radius:4px}.select-trigger[data-v-ec54ae0b]:hover{background:#fff;border-color:#ffffff80}.custom-select.open .select-trigger[data-v-ec54ae0b]{border-color:#7b58a399;box-shadow:0 0 0 2px #7b58a31a}.select-value[data-v-ec54ae0b]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-arrow[data-v-ec54ae0b]{flex-shrink:0;width:16px;height:16px;margin-left:8px;transition:transform .2s}.custom-select.small .select-arrow[data-v-ec54ae0b]{width:12px;height:12px;margin-left:4px}.custom-select.open .select-arrow[data-v-ec54ae0b]{transform:rotate(180deg)}.select-dropdown[data-v-ec54ae0b]{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:9999;background:#fffffffa;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 8px 24px #00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:visible}.custom-select.small .select-dropdown[data-v-ec54ae0b]{border-radius:4px}.dropdown-inner[data-v-ec54ae0b]{max-height:280px;overflow-y:auto;overflow-x:hidden;padding:8px}.dropdown-inner[data-v-ec54ae0b]::-webkit-scrollbar{width:6px}.dropdown-inner[data-v-ec54ae0b]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.dropdown-inner[data-v-ec54ae0b]::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.dropdown-inner[data-v-ec54ae0b]::-webkit-scrollbar-thumb:hover{background:#0000004d}.select-option[data-v-ec54ae0b]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:4px;font-size:14px;color:#333;cursor:pointer;border-radius:6px;transition:all .15s;-webkit-user-select:none;user-select:none}.select-option[data-v-ec54ae0b]:last-child{margin-bottom:0}.custom-select.small .select-option[data-v-ec54ae0b]{padding:6px 8px;margin-bottom:2px;font-size:11px;border-radius:4px}.select-option[data-v-ec54ae0b]:hover{background:#7b58a314}.select-option.selected[data-v-ec54ae0b]{background:#7b58a326;color:#5a4a7a;font-weight:600}.select-option.selected[data-v-ec54ae0b]:hover{background:#7b58a333}.select-option.disabled[data-v-ec54ae0b]{opacity:.5;cursor:not-allowed}.select-option.disabled[data-v-ec54ae0b]:hover{background:transparent}.option-label[data-v-ec54ae0b]{flex:1}.check-icon[data-v-ec54ae0b]{flex-shrink:0;width:16px;height:16px;margin-left:8px;color:#5a4a7a}.custom-select.small .check-icon[data-v-ec54ae0b]{width:12px;height:12px;margin-left:4px}.dropdown-enter-active[data-v-ec54ae0b]{animation:dropdown-in-ec54ae0b .2s ease-out}.dropdown-leave-active[data-v-ec54ae0b]{animation:dropdown-out-ec54ae0b .15s ease-in}@keyframes dropdown-in-ec54ae0b{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdown-out-ec54ae0b{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.95)}}.color-picker-page[data-v-866f756a]{flex:1;position:relative;min-height:calc(100vh - 60px)}.fullscreen-preview[data-v-866f756a]{position:fixed;top:60px;left:0;right:0;bottom:0;z-index:0}.fullscreen-preview[data-v-866f756a]>*{width:100%;height:100%}.content-wrapper[data-v-866f756a]{position:relative;z-index:1;max-width:1600px;width:100%;margin:0 auto;padding:32px 24px 48px}.content-wrapper[data-v-866f756a]>*{pointer-events:auto}.header-section[data-v-866f756a]{text-align:center;margin-bottom:32px}.app-title[data-v-866f756a]{font-size:36px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.15);transition:all .3s ease}.app-title.dark-text[data-v-866f756a]{color:#1a1a1a;text-shadow:0 2px 10px rgba(255,255,255,.3)}.app-subtitle[data-v-866f756a]{font-size:16px;color:#ffffffd9;font-weight:400;transition:all .3s ease}.app-subtitle.dark-text[data-v-866f756a]{color:#000000bf}.floating-panels[data-v-866f756a]{position:fixed;top:120px;left:0;right:0;z-index:1;pointer-events:none}.left-panel[data-v-866f756a]{position:fixed;left:20px;top:120px;width:300px;pointer-events:auto}.right-panel[data-v-866f756a]{position:fixed;right:20px;top:120px;width:300px;pointer-events:auto}.card[data-v-866f756a]{background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;overflow:visible;transition:all .3s ease}.card.light-mode[data-v-866f756a]{background:#ffffffbf;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #00000014}.card-header[data-v-866f756a]{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);transition:border-color .3s ease}.card.light-mode .card-header[data-v-866f756a]{border-bottom:1px solid rgba(0,0,0,.08)}.card-header h2[data-v-866f756a]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#fff;margin:0;transition:color .3s ease}.card.light-mode .card-header h2[data-v-866f756a]{color:#2c3e50}.card-header .icon[data-v-866f756a]{width:20px;height:20px}.card-body[data-v-866f756a]{padding:24px;overflow:visible}.model-card[data-v-866f756a]{background:#ffffff1a}.model-card.light-mode[data-v-866f756a]{background:#fffc}.model-hint[data-v-866f756a]{font-size:14px;color:#fffc;margin-bottom:16px;line-height:1.5;transition:color .3s ease}.card.light-mode .model-hint[data-v-866f756a]{color:#000000bf}.preset-model-section[data-v-866f756a]{margin-bottom:16px}.model-label[data-v-866f756a]{display:block;font-size:13px;font-weight:500;color:#ffffffd9;margin-bottom:8px;transition:color .3s ease}.card.light-mode .model-label[data-v-866f756a]{color:#000000bf}.divider[data-v-866f756a]{display:flex;align-items:center;margin:20px 0;color:#ffffff80;font-size:12px;transition:color .3s ease}.card.light-mode .divider[data-v-866f756a]{color:#0006}.divider[data-v-866f756a]:before,.divider[data-v-866f756a]:after{content:"";flex:1;height:1px;background:#ffffff26;transition:background .3s ease}.card.light-mode .divider[data-v-866f756a]:before,.card.light-mode .divider[data-v-866f756a]:after{background:#0000001a}.divider span[data-v-866f756a]{padding:0 12px}.btn-upload[data-v-866f756a]{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:#ffffff26;color:#fff;border:2px dashed rgba(255,255,255,.4);border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.light-mode .btn-upload[data-v-866f756a]{background:#7b58a31f;border-color:#7b58a359;color:#5a4a7a}.btn-upload[data-v-866f756a]:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-2px)}.light-mode .btn-upload[data-v-866f756a]:hover{background:#7b58a333;border-color:#7b58a380;color:#4a3a6a}.btn-upload svg[data-v-866f756a]{width:20px;height:20px}.file-types[data-v-866f756a]{margin-top:12px;font-size:12px;color:#fff9;text-align:center;transition:color .3s ease}.card.light-mode .file-types[data-v-866f756a]{color:#0009}.view-presets[data-v-866f756a]{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);transition:border-color .3s ease}.card.light-mode .view-presets[data-v-866f756a]{border-top-color:#0000001a}.preset-label[data-v-866f756a]{font-size:14px;font-weight:600;color:#fffffff2;margin-bottom:10px;transition:color .3s ease}.card.light-mode .preset-label[data-v-866f756a]{color:#000000d9}.view-buttons[data-v-866f756a]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.view-btn[data-v-866f756a]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-size:11px;cursor:pointer;transition:all .2s}.light-mode .view-btn[data-v-866f756a]{background:#7b58a314;border-color:#7b58a333;color:#000000b3}.view-btn svg[data-v-866f756a]{width:20px;height:20px}.view-btn[data-v-866f756a]:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.light-mode .view-btn[data-v-866f756a]:hover{background:#7b58a326;border-color:#7b58a359;color:#000000d9}.view-btn.active[data-v-866f756a]{background:#4caf794d;border-color:#4caf7999;color:#fff}.light-mode .view-btn.active[data-v-866f756a]{background:#4caf7933;border-color:#4caf7980;color:#2d7a4f}.view-btn.active[data-v-866f756a]:hover{background:#4caf7966}.light-mode .view-btn.active[data-v-866f756a]:hover{background:#4caf794d}.mesh-binding-section[data-v-866f756a]{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);transition:border-color .3s ease}.card.light-mode .mesh-binding-section[data-v-866f756a]{border-top-color:#0000001a}.binding-header[data-v-866f756a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.binding-title[data-v-866f756a]{font-size:14px;font-weight:600;color:#fffffff2;margin:0;transition:color .3s ease}.card.light-mode .binding-title[data-v-866f756a]{color:#000000d9}.part-count[data-v-866f756a]{font-size:12px;font-weight:500;color:#ffffffb3;background:#ffffff1a;padding:4px 10px;border-radius:12px;transition:all .3s ease}.card.light-mode .part-count[data-v-866f756a]{color:#000000a6;background:#00000014}.mesh-list[data-v-866f756a]{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:4px}.mesh-list[data-v-866f756a]::-webkit-scrollbar{width:6px}.mesh-list[data-v-866f756a]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.card.light-mode .mesh-list[data-v-866f756a]::-webkit-scrollbar-track{background:#0000000d}.mesh-list[data-v-866f756a]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;transition:background .2s}.card.light-mode .mesh-list[data-v-866f756a]::-webkit-scrollbar-thumb{background:#0003}.mesh-list[data-v-866f756a]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.card.light-mode .mesh-list[data-v-866f756a]::-webkit-scrollbar-thumb:hover{background:#0000004d}.mesh-row[data-v-866f756a]{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff0d;border-radius:6px;transition:background .2s}.card.light-mode .mesh-row[data-v-866f756a]{background:#0000000a}.mesh-row[data-v-866f756a]:hover{background:#ffffff1a}.card.light-mode .mesh-row[data-v-866f756a]:hover{background:#00000014}.mesh-swatch[data-v-866f756a]{flex-shrink:0;width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.3);transition:border-color .3s ease}.card.light-mode .mesh-swatch[data-v-866f756a]{border-color:#0003}.mesh-name[data-v-866f756a]{flex:1;font-size:12px;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease;min-width:0}.card.light-mode .mesh-name[data-v-866f756a]{color:#000000d9}.mesh-row .custom-select[data-v-866f756a]{flex-shrink:0;width:90px}.controls-grid[data-v-866f756a]{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.control-group[data-v-866f756a]{display:flex;flex-direction:column;gap:8px}.control-group h3[data-v-866f756a]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#fffffff2;margin-bottom:4px;transition:color .3s ease}.card.light-mode .control-group h3[data-v-866f756a]{color:#000000d9}.control-group .icon[data-v-866f756a]{width:16px;height:16px}.color-preview[data-v-866f756a]{width:100%;height:48px;border-radius:8px;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #00000026}.bg-toggle-wrapper[data-v-866f756a]{display:flex;gap:8px}.bg-toggle-btn[data-v-866f756a]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.light-mode .bg-toggle-btn[data-v-866f756a]{background:#7b58a314;border-color:#7b58a333;color:#000000b3}.bg-toggle-btn svg[data-v-866f756a]{width:20px;height:20px}.bg-toggle-btn[data-v-866f756a]:hover{background:#ffffff2e;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.light-mode .bg-toggle-btn[data-v-866f756a]:hover{background:#7b58a326;border-color:#7b58a359;color:#000000d9}.bg-toggle-btn.active[data-v-866f756a]{background:#4caf794d;border-color:#4caf7999;color:#fff;box-shadow:0 2px 8px #4caf794d}.light-mode .bg-toggle-btn.active[data-v-866f756a]{background:#4caf7933;border-color:#4caf7980;color:#2d7a4f;box-shadow:0 2px 8px #4caf7933}.bg-toggle-btn.active[data-v-866f756a]:hover{background:#4caf7966;transform:translateY(-1px)}.light-mode .bg-toggle-btn.active[data-v-866f756a]:hover{background:#4caf794d}.bg-select[data-v-866f756a]{margin-top:8px}.preset-section[data-v-866f756a]{margin-bottom:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);transition:border-color .3s ease}.card.light-mode .preset-section[data-v-866f756a]{border-top-color:#0000001a}.preset-title[data-v-866f756a]{font-size:16px;font-weight:600;color:#fffffff2;margin-bottom:12px;transition:color .3s ease}.card.light-mode .preset-title[data-v-866f756a]{color:#000000d9}.preset-grid[data-v-866f756a]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.preset-btn[data-v-866f756a]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s}.light-mode .preset-btn[data-v-866f756a]{background:#7b58a314;border-color:#7b58a333}.preset-btn[data-v-866f756a]:hover{background:#ffffff2e;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.light-mode .preset-btn[data-v-866f756a]:hover{background:#7b58a326;box-shadow:0 4px 12px #0000001a}.preset-colors[data-v-866f756a]{display:flex;gap:4px;width:100%}.preset-color[data-v-866f756a]{flex:1;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.3);transition:border-color .3s ease}.card.light-mode .preset-color[data-v-866f756a]{border-color:#00000026}.preset-name[data-v-866f756a]{font-size:12px;color:#ffffffe6;font-weight:500;transition:color .3s ease}.card.light-mode .preset-name[data-v-866f756a]{color:#000c}.material-section[data-v-866f756a]{margin-bottom:20px}.material-title[data-v-866f756a]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fffffff2;margin-bottom:12px;transition:color .3s ease}.card.light-mode .material-title[data-v-866f756a]{color:#000000d9}.material-title .icon[data-v-866f756a]{width:18px;height:18px}.action-buttons[data-v-866f756a]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-primary[data-v-866f756a],.btn-secondary[data-v-866f756a]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border:none;white-space:nowrap}.btn-primary[data-v-866f756a]{background:linear-gradient(135deg,#4caf79,#3d9c68);color:#fff;box-shadow:0 4px 12px #4caf794d}.btn-primary[data-v-866f756a]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf7966}.btn-secondary[data-v-866f756a]{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.card.light-mode .btn-secondary[data-v-866f756a]{background:#7b58a31f;color:#5a4a7a;border:1px solid rgba(123,88,163,.3)}.btn-secondary[data-v-866f756a]:hover{background:#ffffff40;transform:translateY(-2px)}.card.light-mode .btn-secondary[data-v-866f756a]:hover{background:#7b58a333;color:#4a3a6a}.btn-primary svg[data-v-866f756a],.btn-secondary svg[data-v-866f756a]{width:18px;height:18px}@media (max-width: 1400px){.left-panel[data-v-866f756a]{left:16px;width:280px}.right-panel[data-v-866f756a]{right:16px;width:280px}}@media (max-width: 1200px){.floating-panels[data-v-866f756a]{position:static}.left-panel[data-v-866f756a],.right-panel[data-v-866f756a]{position:static;width:100%;max-width:400px;margin:0 auto 20px}.left-panel[data-v-866f756a]{left:auto}.right-panel[data-v-866f756a]{right:auto}}@media (max-width: 900px){.content-wrapper[data-v-866f756a]{padding:24px 16px 40px}.left-panel[data-v-866f756a],.right-panel[data-v-866f756a]{max-width:100%}.left-panel[data-v-866f756a],.right-panel[data-v-866f756a]{top:100px}}@media (max-width: 640px){.app-title[data-v-866f756a]{font-size:24px}.app-subtitle[data-v-866f756a]{font-size:13px}.card-header h2[data-v-866f756a]{font-size:16px}.card-body[data-v-866f756a]{padding:20px}.preset-grid[data-v-866f756a]{grid-template-columns:1fr}.action-buttons[data-v-866f756a]{flex-direction:column}.btn-primary[data-v-866f756a],.btn-secondary[data-v-866f756a]{width:100%}}.gallery-page[data-v-c6d711d9]{min-height:calc(100vh - 60px);padding:40px 20px}.gallery-container[data-v-c6d711d9]{max-width:1400px;margin:0 auto}.gallery-header[data-v-c6d711d9]{text-align:center;margin-bottom:40px}.gallery-header h1[data-v-c6d711d9]{font-size:42px;font-weight:700;color:#fff;margin-bottom:12px}.subtitle[data-v-c6d711d9]{font-size:18px;color:#ffffffe6;margin-bottom:30px}.filter-bar[data-v-c6d711d9]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.filter-btn[data-v-c6d711d9]{padding:10px 24px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn[data-v-c6d711d9]:hover{background:#ffffff4d;transform:translateY(-2px)}.filter-btn.active[data-v-c6d711d9]{background:#fff6;border-color:#fff9}.refresh-btn[data-v-c6d711d9]{padding:10px 20px;background:#7b58a34d;border:2px solid rgba(123,88,163,.5);border-radius:25px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:6px}.refresh-btn[data-v-c6d711d9]:hover:not(:disabled){background:#7b58a366;border-color:#7b58a3b3;transform:translateY(-2px)}.refresh-btn[data-v-c6d711d9]:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg[data-v-c6d711d9]{width:16px;height:16px;animation:rotate-c6d711d9 2s linear infinite;animation-play-state:paused}.refresh-btn:disabled svg[data-v-c6d711d9]{animation-play-state:running}@keyframes rotate-c6d711d9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state[data-v-c6d711d9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#fff}.spinner[data-v-c6d711d9]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-c6d711d9 1s linear infinite;margin-bottom:20px}@keyframes spin-c6d711d9{to{transform:rotate(360deg)}}.loading-state p[data-v-c6d711d9]{font-size:16px;color:#fffc}.error-state[data-v-c6d711d9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#fff}.error-state svg[data-v-c6d711d9]{width:60px;height:60px;margin-bottom:20px;opacity:.8}.error-state p[data-v-c6d711d9]{font-size:16px;color:#fffc;margin-bottom:20px;text-align:center}.retry-btn[data-v-c6d711d9]{padding:12px 32px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.retry-btn[data-v-c6d711d9]:hover{background:#ffffff4d;transform:translateY(-2px)}.masonry-grid[data-v-c6d711d9]{column-count:5;column-gap:12px}.masonry-item[data-v-c6d711d9]{break-inside:avoid;margin-bottom:12px;background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.masonry-item[data-v-c6d711d9]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000040;background:#ffffff2e;border-color:#ffffff59}.item-preview[data-v-c6d711d9]{width:100%;overflow:hidden;position:relative;background:#00000008;display:flex;align-items:center;justify-content:center;padding:10px}.item-preview img[data-v-c6d711d9]{max-width:100%;height:auto;display:block;border-radius:8px}.item-info[data-v-c6d711d9]{padding:10px;display:flex;justify-content:flex-end}.keyboard-badge[data-v-c6d711d9]{padding:5px 12px;background:#7b58a333;border:1px solid rgba(123,88,163,.4);border-radius:14px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.2)}.masonry-item:hover .keyboard-badge[data-v-c6d711d9]{background:#7b58a34d;border-color:#7b58a399}.lightbox[data-v-c6d711d9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn-c6d711d9 .25s ease;cursor:zoom-out}@keyframes fadeIn-c6d711d9{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.lightbox-content[data-v-c6d711d9]{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;animation:zoomIn-c6d711d9 .35s cubic-bezier(.4,0,.2,1);cursor:default}@keyframes zoomIn-c6d711d9{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.lightbox-content img[data-v-c6d711d9]{max-width:100%;max-height:85vh;object-fit:contain;border-radius:16px;box-shadow:0 25px 80px #0009;-webkit-user-select:none;user-select:none}.lightbox-close[data-v-c6d711d9]{position:absolute;top:-60px;right:0;width:44px;height:44px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-close[data-v-c6d711d9]:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #0000004d}.lightbox-close[data-v-c6d711d9]:active{transform:rotate(90deg) scale(.95)}.lightbox-close svg[data-v-c6d711d9]{width:22px;height:22px;color:#fff}.lightbox-info[data-v-c6d711d9]{margin-top:24px;display:flex;justify-content:center;animation:slideUp-c6d711d9 .4s ease .1s both}@keyframes slideUp-c6d711d9{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lightbox-badge[data-v-c6d711d9]{padding:10px 24px;background:#7b58a359;border:1px solid rgba(123,88,163,.6);border-radius:24px;font-size:15px;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #7b58a34d;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (max-width: 1400px){.masonry-grid[data-v-c6d711d9]{column-count:4}}@media (max-width: 1024px){.masonry-grid[data-v-c6d711d9]{column-count:3}}@media (max-width: 768px){.masonry-grid[data-v-c6d711d9]{column-count:2;column-gap:10px}.masonry-item[data-v-c6d711d9]{margin-bottom:10px}.gallery-header h1[data-v-c6d711d9]{font-size:32px}}@media (max-width: 480px){.masonry-grid[data-v-c6d711d9]{column-count:1}}.keyboard-test-page[data-v-b07d168d]{min-height:calc(100vh - 60px);padding:40px 20px}.test-container[data-v-b07d168d]{max-width:1600px;margin:0 auto}.test-header[data-v-b07d168d]{text-align:center;margin-bottom:40px}.test-header h1[data-v-b07d168d]{font-size:42px;font-weight:700;color:#fff;margin-bottom:12px}.subtitle[data-v-b07d168d]{font-size:18px;color:#ffffffe6;margin-bottom:30px}.stats[data-v-b07d168d]{display:flex;justify-content:center;gap:40px;margin-bottom:30px}.stat-item[data-v-b07d168d]{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-label[data-v-b07d168d]{font-size:14px;color:#fffc}.stat-value[data-v-b07d168d]{font-size:32px;font-weight:700;color:#fff}.header-buttons[data-v-b07d168d]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-reset[data-v-b07d168d],.btn-sound[data-v-b07d168d]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-reset svg[data-v-b07d168d],.btn-sound svg[data-v-b07d168d]{width:20px;height:20px}.btn-reset[data-v-b07d168d]:hover,.btn-sound[data-v-b07d168d]:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-sound.muted[data-v-b07d168d]{background:#ff646433;border-color:#ff646466}.btn-sound.muted[data-v-b07d168d]:hover{background:#ff64644d}.keyboard-layout[data-v-b07d168d]{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;display:flex;gap:10px;justify-content:center;align-items:flex-start}.key[data-v-b07d168d]{height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff40;border:2px solid rgba(255,255,255,.4);border-radius:6px;font-size:11px;font-weight:600;color:#fff;transition:all .15s;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.1)}.key span[data-v-b07d168d]{font-size:11px}.key sub[data-v-b07d168d]{font-size:8px;opacity:.7;margin-left:2px}.w1[data-v-b07d168d]{width:40px}.w2[data-v-b07d168d]{width:85px}.w2-backspace[data-v-b07d168d]{width:90px}.w1-5[data-v-b07d168d]{width:65px}.w1-75[data-v-b07d168d]{width:77px}.w2-25[data-v-b07d168d]{width:98px}.w2-75[data-v-b07d168d]{width:122px}.w1-25[data-v-b07d168d]{width:56px}.w6-25[data-v-b07d168d]{width:248px}.h2[data-v-b07d168d]{height:85px}.key.tested[data-v-b07d168d]{background:#8be9fd59;border-color:#8be9fdb3;color:#fff}.key.active[data-v-b07d168d]{background:#8be9fd99;border-color:#8be9fd;color:#fff;transform:scale(.95)}.main-keyboard[data-v-b07d168d]{display:flex;flex-direction:column;gap:5px;width:675px}.key-row[data-v-b07d168d]{display:flex;gap:5px}.function-row[data-v-b07d168d]{margin-bottom:10px;justify-content:space-between}.gap[data-v-b07d168d]{width:20px}.gap-large[data-v-b07d168d]{width:40px}.nav-cluster[data-v-b07d168d]{display:flex;flex-direction:column;gap:5px}.nav-function-row[data-v-b07d168d]{display:flex;gap:5px;height:40px;margin-bottom:10px}.nav-top[data-v-b07d168d]{display:flex;flex-direction:column;gap:5px;margin-bottom:5px}.arrow-keys[data-v-b07d168d]{display:flex;flex-direction:column;gap:5px;align-items:center;margin-top:40px}.arrow-row-1[data-v-b07d168d]{display:flex}.arrow-row-2[data-v-b07d168d]{display:flex;gap:5px}.numpad[data-v-b07d168d]{display:flex;flex-direction:column;gap:5px;position:relative}.numpad-spacer[data-v-b07d168d]{height:40px;margin-bottom:10px}.numpad .key-row[data-v-b07d168d]{position:relative;height:40px}.numpad .h2[data-v-b07d168d]{position:absolute;right:0;top:0}.last-key-info[data-v-b07d168d]{margin-top:40px;text-align:center;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px}.info-label[data-v-b07d168d]{font-size:14px;color:#fffc;margin-bottom:16px}.info-content[data-v-b07d168d]{display:flex;justify-content:center;align-items:stretch;gap:16px;flex-wrap:wrap}.info-card[data-v-b07d168d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:#fff3;border-radius:12px;min-width:120px}.key-name[data-v-b07d168d]{font-size:32px;font-weight:700;color:#fff}.info-title[data-v-b07d168d]{font-size:12px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-b07d168d]{font-size:18px;font-weight:600;color:#fff;font-family:monospace}@media (max-width: 1600px){.keyboard-layout[data-v-b07d168d]{transform:scale(.95);transform-origin:top center}}@media (max-width: 1400px){.keyboard-layout[data-v-b07d168d]{transform:scale(.85)}}@media (max-width: 1200px){.keyboard-layout[data-v-b07d168d]{transform:scale(.75)}}@media (max-width: 900px){.keyboard-layout[data-v-b07d168d]{transform:scale(.65)}.test-header h1[data-v-b07d168d]{font-size:32px}}.progress-page[data-v-4a08242a]{min-height:calc(100vh - 60px);padding:40px 20px 60px}.progress-header[data-v-4a08242a]{text-align:center;margin-bottom:50px}.page-title[data-v-4a08242a]{font-size:48px;font-weight:700;color:#fff;margin-bottom:12px}.page-subtitle[data-v-4a08242a]{font-size:18px;color:#fffc}.progress-container[data-v-4a08242a]{max-width:900px;margin:0 auto}.timeline[data-v-4a08242a]{position:relative;padding:20px 0}.timeline-item[data-v-4a08242a]{position:relative;display:flex;gap:30px;margin-bottom:40px}.timeline-item[data-v-4a08242a]:last-child{margin-bottom:0}.timeline-connector[data-v-4a08242a]{position:absolute;left:24px;top:-40px;width:3px;height:40px;background:#fff3}.timeline-connector.completed[data-v-4a08242a]{background:linear-gradient(to bottom,#4caf79,#4caf79)}.timeline-connector.in-progress[data-v-4a08242a]{background:linear-gradient(to bottom,#4caf79,#ffc107)}.timeline-node[data-v-4a08242a]{flex-shrink:0;width:50px;display:flex;justify-content:center;padding-top:8px}.node-circle[data-v-4a08242a]{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:3px solid rgba(255,255,255,.3);transition:all .3s}.timeline-item.completed .node-circle[data-v-4a08242a]{background:#4caf7933;border-color:#4caf79}.timeline-item.in-progress .node-circle[data-v-4a08242a]{background:#ffc10733;border-color:#ffc107;animation:pulse-4a08242a 2s ease-in-out infinite}@keyframes pulse-4a08242a{0%,to{transform:scale(1);box-shadow:0 0 #ffc107b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #ffc10700}}.node-circle svg[data-v-4a08242a]{width:24px;height:24px;color:#4caf79}.pulse-dot[data-v-4a08242a]{width:16px;height:16px;border-radius:50%;background:#ffc107}.empty-dot[data-v-4a08242a]{width:16px;height:16px;border-radius:50%;background:#ffffff4d}.timeline-content[data-v-4a08242a]{flex:1;min-width:0}.stage-card[data-v-4a08242a]{background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s}.stage-card[data-v-4a08242a]:hover{background:#ffffff2e;transform:translate(4px);box-shadow:0 8px 24px #00000026}.card-header[data-v-4a08242a]{display:flex;align-items:center;gap:16px;margin-bottom:16px}.stage-icon[data-v-4a08242a]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stage-icon svg[data-v-4a08242a]{width:24px;height:24px}.stage-icon.completed[data-v-4a08242a]{background:#4caf7933;color:#4caf79}.stage-icon.in-progress[data-v-4a08242a]{background:#ffc10733;color:#ffc107}.stage-icon.pending[data-v-4a08242a]{background:#8be9fd33;color:#8be9fd}.stage-info[data-v-4a08242a]{flex:1;min-width:0}.stage-title[data-v-4a08242a]{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px}.stage-date[data-v-4a08242a]{font-size:13px;color:#ffffffb3;margin:0}.stage-status-badge[data-v-4a08242a]{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;flex-shrink:0}.stage-status-badge.completed[data-v-4a08242a]{background:#4caf7933;color:#4caf79;border:1px solid rgba(76,175,121,.4)}.stage-status-badge.in-progress[data-v-4a08242a]{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.4)}.stage-status-badge.pending[data-v-4a08242a]{background:#8be9fd33;color:#8be9fd;border:1px solid rgba(139,233,253,.4)}.stage-description[data-v-4a08242a]{font-size:15px;color:#ffffffd9;line-height:1.6;margin:0 0 16px}.progress-bar-container[data-v-4a08242a]{display:flex;align-items:center;gap:12px;margin-top:16px}.progress-bar[data-v-4a08242a]{flex:1;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.progress-fill[data-v-4a08242a]{height:100%;background:linear-gradient(90deg,#ffc107,#ffeb3b);border-radius:4px;transition:width .5s ease}.progress-text[data-v-4a08242a]{font-size:14px;font-weight:600;color:#ffc107;min-width:45px;text-align:right}.stage-details[data-v-4a08242a]{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}.details-grid[data-v-4a08242a]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.detail-item[data-v-4a08242a]{display:flex;flex-direction:column;gap:6px}.detail-label[data-v-4a08242a]{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.detail-value[data-v-4a08242a]{font-size:15px;font-weight:600;color:#fff}.stage-notes[data-v-4a08242a]{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#8be9fd1a;border-left:3px solid #8be9fd;border-radius:6px;font-size:14px;color:#ffffffd9;line-height:1.5}.stage-notes svg[data-v-4a08242a]{width:18px;height:18px;color:#8be9fd;flex-shrink:0;margin-top:2px}.expand-enter-active[data-v-4a08242a],.expand-leave-active[data-v-4a08242a]{transition:all .3s ease;max-height:500px;overflow:hidden}.expand-enter-from[data-v-4a08242a],.expand-leave-to[data-v-4a08242a]{max-height:0;opacity:0}.product-info-card[data-v-4a08242a]{margin-top:50px;background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.2)}.info-title[data-v-4a08242a]{font-size:24px;font-weight:700;color:#fff;margin:0 0 24px;text-align:center}.info-grid[data-v-4a08242a]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-item[data-v-4a08242a]{display:flex;flex-direction:column;gap:8px;padding:20px;background:#ffffff14;border-radius:12px}.info-label[data-v-4a08242a]{font-size:13px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-4a08242a]{font-size:18px;font-weight:600;color:#fff}.info-value.highlight[data-v-4a08242a]{color:#ffc107}@media (max-width: 768px){.page-title[data-v-4a08242a]{font-size:36px}.page-subtitle[data-v-4a08242a]{font-size:16px}.timeline-item[data-v-4a08242a]{gap:20px}.timeline-node[data-v-4a08242a]{width:40px}.node-circle[data-v-4a08242a]{width:40px;height:40px}.timeline-connector[data-v-4a08242a]{left:19px}.stage-card[data-v-4a08242a]{padding:20px}.card-header[data-v-4a08242a]{flex-wrap:wrap}.stage-icon[data-v-4a08242a]{width:40px;height:40px}.stage-icon svg[data-v-4a08242a]{width:20px;height:20px}.stage-title[data-v-4a08242a]{font-size:18px}.details-grid[data-v-4a08242a],.info-grid[data-v-4a08242a]{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.progress-page[data-v-4a08242a]{padding:24px 16px 40px}.page-title[data-v-4a08242a]{font-size:28px}.progress-header[data-v-4a08242a]{margin-bottom:32px}.timeline-item[data-v-4a08242a]{gap:16px;margin-bottom:32px}.stage-card[data-v-4a08242a]{padding:16px}.stage-title[data-v-4a08242a]{font-size:16px}.stage-description[data-v-4a08242a]{font-size:14px}.product-info-card[data-v-4a08242a]{padding:20px}.info-title[data-v-4a08242a]{font-size:20px}}