*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f0f0f0}#app{width:100%}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s}button:focus,button:focus-visible{outline:2px solid #4444FF;outline-offset:2px}.shoe-container[data-v-46551947]{width:100%;height:100%;min-height:400px;border-radius:12px;overflow:hidden;position:relative}.loading-overlay[data-v-46551947]{position:absolute;top:0;left:0;right:0;bottom:0;background:#f5f5f5e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.loading-spinner[data-v-46551947]{width:50px;height:50px;border:4px solid #ddd;border-top-color:#44f;border-radius:50%;animation:spin-46551947 1s linear infinite}@keyframes spin-46551947{to{transform:rotate(360deg)}}.error-banner[data-v-46551947]{position:absolute;bottom:20px;left:20px;right:20px;background:#fff3cd;color:#856404;padding:12px 16px;border-radius:8px;font-size:14px;z-index:10}.color-picker[data-v-1543f9c3]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}h2[data-v-1543f9c3]{margin:0 0 20px;font-size:1.5rem;color:#333}.parts-selector[data-v-1543f9c3]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.part-btn[data-v-1543f9c3]{display:flex;flex-direction:column;align-items:center;padding:12px;border:2px solid #eee;border-radius:12px;background:#fafafa;cursor:pointer;transition:all .2s}.part-btn[data-v-1543f9c3]:hover{border-color:#ddd;background:#f0f0f0}.part-btn.active[data-v-1543f9c3]{border-color:#44f;background:#f0f4ff}.part-btn .icon[data-v-1543f9c3]{font-size:1.5rem;margin-bottom:4px}.part-btn .label[data-v-1543f9c3]{font-size:.9rem;color:#666}.current-color[data-v-1543f9c3]{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px;background:#f5f5f5;border-radius:8px}.color-preview[data-v-1543f9c3]{width:30px;height:30px;border-radius:6px;border:2px solid #ddd}.color-code[data-v-1543f9c3]{font-family:monospace;color:#666}.preset-colors[data-v-1543f9c3]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:20px}.color-swatch[data-v-1543f9c3]{aspect-ratio:1;border-radius:8px;cursor:pointer;border:3px solid transparent;transition:all .2s}.color-swatch[data-v-1543f9c3]:hover{transform:scale(1.1)}.color-swatch.selected[data-v-1543f9c3]{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.custom-color[data-v-1543f9c3]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.custom-color input[type=color][data-v-1543f9c3]{width:60px;height:40px;border:none;border-radius:8px;cursor:pointer}.tips[data-v-1543f9c3]{background:linear-gradient(135deg,#f0f4ff,#fff0f5);padding:16px;border-radius:12px}.tips p[data-v-1543f9c3]{margin:0;padding:4px 0;font-size:.9rem;color:#666}.material-section[data-v-1543f9c3]{margin-bottom:20px}.material-section h3[data-v-1543f9c3]{margin:0 0 12px;font-size:1rem;color:#333}.material-grid[data-v-1543f9c3]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.material-btn[data-v-1543f9c3]{display:flex;flex-direction:column;align-items:center;padding:10px 8px;border:2px solid #eee;border-radius:10px;background:#fafafa;cursor:pointer;transition:all .2s}.material-btn[data-v-1543f9c3]:hover{border-color:#ddd;background:#f0f0f0}.material-btn.active[data-v-1543f9c3]{border-color:#44f;background:#f0f4ff}.material-btn .mat-icon[data-v-1543f9c3]{font-size:1.2rem;margin-bottom:2px}.material-btn .mat-label[data-v-1543f9c3]{font-size:.75rem;color:#666}.app[data-v-328f210b]{width:100vw;height:100vh;overflow:hidden;position:relative}.viewer-section[data-v-328f210b]{position:absolute;top:0;left:0;right:0;bottom:0}.title-overlay[data-v-328f210b]{position:absolute;top:20px;left:20px;z-index:10}.title-overlay h1[data-v-328f210b]{margin:0;font-size:1.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.panel-toggle[data-v-328f210b]{position:fixed;right:370px;top:50%;transform:translateY(-50%);z-index:100;background:#fff;border:none;border-radius:8px 0 0 8px;padding:12px 8px;cursor:pointer;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;align-items:center;gap:4px;transition:right .3s ease}.panel-toggle.panel-closed[data-v-328f210b]{right:0;border-radius:8px 0 0 8px}.toggle-icon[data-v-328f210b]{font-size:12px;color:#666}.toggle-text[data-v-328f210b]{writing-mode:vertical-rl;font-size:12px;color:#666}.panel-toggle[data-v-328f210b]:hover{background:#f5f5f5}.control-panel[data-v-328f210b]{position:fixed;top:20px;right:20px;bottom:20px;width:340px;z-index:50;overflow-y:auto;transition:transform .3s ease,opacity .3s ease}.control-panel.panel-hidden[data-v-328f210b]{transform:translate(400px);opacity:0;pointer-events:none}@media(max-width:600px){.control-panel[data-v-328f210b]{width:calc(100vw - 40px);left:20px}.panel-toggle[data-v-328f210b]{right:calc(100vw - 20px)}.panel-toggle.panel-closed[data-v-328f210b]{right:0}.title-overlay h1[data-v-328f210b]{font-size:1.2rem}}