*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #e94560;--border: #2a2a4a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh}.app{min-height:100vh;padding:20px}.app-header{text-align:center;margin-bottom:30px}.header-links{display:flex;gap:15px;align-items:center;justify-content:center;margin:10px 0}.header-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;padding:6px 12px;border:1px solid var(--border);border-radius:6px;transition:all .3s ease}.header-link:hover{color:var(--accent);border-color:var(--accent);background:#e945601a}.app-header h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(90deg,#fff,#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-header p{color:var(--text-secondary);font-size:1.1rem;margin-top:10px}.app-main{display:grid;grid-template-columns:1fr 400px;gap:30px;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.app-main{grid-template-columns:1fr}}.cube-section{background:var(--bg-tertiary);border-radius:16px;padding:20px;min-height:600px}.cube-container{width:100%;height:600px;border-radius:12px;overflow:hidden}.controls-section{display:flex;flex-direction:column;gap:20px}.panel-section{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border)}.panel-section h3{margin-bottom:15px;color:var(--accent);font-size:1.1rem}.control-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.control-row label{min-width:60px;color:var(--text-secondary)}.control-row select{flex:1;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer}.button-row{display:flex;gap:10px;flex-wrap:wrap}button{padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:.9rem}button:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent)}button.primary:hover:not(:disabled){background:#ff5a7a}.rotation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rotation-buttons{display:flex;flex-direction:column;align-items:center;gap:5px}.rotation-buttons span{font-weight:700;color:var(--accent)}.rotation-buttons button{padding:8px 16px;min-width:50px}.solution-info{margin-top:10px;padding:10px;background:var(--bg-tertiary);border-radius:6px}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;margin:10px 0;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s}.step-counter{text-align:center;color:var(--text-secondary)}.steps-list{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border)}.steps-list h3{margin-bottom:15px;color:var(--accent)}.steps-list.empty{text-align:center;color:var(--text-secondary)}.steps-container{max-height:200px;overflow-y:auto;margin-bottom:15px}.step-group{padding:8px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:5px}.step-header{font-size:.9rem}.moves-list h4{margin-bottom:10px;color:var(--text-secondary)}.moves-legend{display:flex;gap:15px;margin-bottom:10px;padding:8px;background:var(--bg-tertiary);border-radius:6px;font-size:.8rem}.legend-item{display:flex;align-items:center;gap:5px;color:var(--text-secondary)}.arrow-icon{font-size:1rem;font-weight:700}.arrow-icon.clockwise{color:#4ade80}.arrow-icon.counter{color:#f87171}.moves-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.move-button{padding:10px 8px;font-size:.9rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:40px}.move-button:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent);transform:translateY(-1px)}.move-button.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #e9456080}.move-button.completed{opacity:.5;background:#4ade8033}.move-text{font-weight:600;letter-spacing:.5px}.color-picker{background:var(--bg-secondary);border-radius:12px;padding:15px;border:1px solid var(--border);margin-bottom:15px}.color-picker h4{margin-bottom:10px;color:var(--accent)}.color-grid{display:flex;gap:10px}.color-btn{width:40px;height:40px;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s}.color-btn:hover{transform:scale(1.1)}.color-btn.selected{border-color:var(--accent);box-shadow:0 0 10px #e9456080}.color-white{background:#fff}.color-yellow{background:#ffd500}.color-red{background:red}.color-orange{background:#ff8c00}.color-blue{background:#00f}.color-green{background:#0f0}.color-gray{background:gray}.face-editor{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border)}.face-editor h3{margin-bottom:10px;color:var(--accent)}.help-text{color:var(--text-secondary);margin-bottom:15px;font-size:.9rem}.faces-container{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.face-panel{background:var(--bg-tertiary);border-radius:8px;padding:10px}.face-panel h4{margin-bottom:10px;font-size:.85rem;color:var(--text-secondary)}.face-grid{display:grid;gap:4px}.sticker{aspect-ratio:1;border-radius:4px;border:1px solid var(--border);cursor:pointer;transition:transform .1s}.sticker:hover{transform:scale(1.1);box-shadow:0 0 5px #ffffff4d}.editor-actions{display:flex;gap:10px}.custom-section{display:flex;flex-direction:column;gap:15px}