.page-container.svelte-wqryy0{margin:0 auto;padding:1rem;font-family:system-ui,-apple-system,sans-serif;min-height:100vh;background:linear-gradient(#00000085,#00000085),url(../../../wallpapers/satellite-night.jpg) center center / cover no-repeat fixed;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column}.page-container.wallpaper-plain.svelte-wqryy0{background:#3b3f4e}.header.svelte-wqryy0{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-shrink:0}h1.svelte-wqryy0{font-size:1.5rem;margin:0;background:linear-gradient(90deg,#f1c40f,#e67e22);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.controls.svelte-wqryy0{display:flex;gap:.5rem}.ctrl-btn.svelte-wqryy0{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.4rem .8rem;cursor:pointer;font-size:1rem;transition:background .2s}.ctrl-btn.svelte-wqryy0:hover:not(:disabled){background:#fff3}.ctrl-btn.svelte-wqryy0:disabled{opacity:.3;cursor:default}.level-btn.svelte-wqryy0{font-weight:700;font-size:.85rem;min-width:40px;text-align:center}.level-active.svelte-wqryy0{background:#f39c1266;border-color:#f39c12;color:#f1c40f}.palette.svelte-wqryy0{display:flex;gap:.5rem;margin-bottom:.75rem;overflow-x:auto;padding:.25rem;flex-shrink:0}.palette-item.svelte-wqryy0{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:10px;padding:.5rem .75rem;cursor:grab;transition:all .2s;color:#fff;min-width:60px;touch-action:none}.palette-item.svelte-wqryy0:hover{border-color:#fff6;background:#ffffff1f}.palette-item.svelte-wqryy0:active{cursor:grabbing;transform:scale(.95)}.palette-preview.svelte-wqryy0{border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.palette-label.svelte-wqryy0{font-size:.75rem;opacity:.8}.canvas-container.svelte-wqryy0{flex:1;min-height:300px;border-radius:12px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.1)}canvas.svelte-wqryy0{display:block;width:100%;height:100%;touch-action:none}.info-panel.svelte-wqryy0{position:absolute;bottom:80px;right:16px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.75rem 1rem;min-width:160px}.info-title.svelte-wqryy0{font-weight:700;font-size:1rem;margin-bottom:.5rem;color:#f1c40f}.info-row.svelte-wqryy0{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.25rem}.info-label.svelte-wqryy0{opacity:.7}.info-value.svelte-wqryy0{font-weight:600}.axle-info.svelte-wqryy0 .info-value:where(.svelte-wqryy0){color:#f39c12}.instructions.svelte-wqryy0{text-align:center;font-size:.8rem;opacity:.5;margin-top:.5rem;flex-shrink:0}.back-link.svelte-wqryy0{margin-top:.75rem;text-align:center;flex-shrink:0}.back-link.svelte-wqryy0 a:where(.svelte-wqryy0){color:#fff9;text-decoration:none;font-size:.9rem}.back-link.svelte-wqryy0 a:where(.svelte-wqryy0):hover{color:#fff;text-decoration:underline}.page-container.light.svelte-wqryy0{background:linear-gradient(#ffffff8c,#ffffff8c),url(../../../wallpapers/satellite.jpg) center center / cover no-repeat fixed;color:#222}.page-container.light.wallpaper-plain.svelte-wqryy0{background:#fff}.light.svelte-wqryy0 h1:where(.svelte-wqryy0){background:linear-gradient(90deg,#e67e22,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light.svelte-wqryy0 .ctrl-btn:where(.svelte-wqryy0){background:#0000000f;border-color:#00000026;color:#222}.light.svelte-wqryy0 .ctrl-btn:where(.svelte-wqryy0):hover:not(:disabled){background:#0000001a}.light.svelte-wqryy0 .level-active:where(.svelte-wqryy0){background:#f39c1233;border-color:#e67e22;color:#e67e22}.light.svelte-wqryy0 .palette-item:where(.svelte-wqryy0){background:#0000000a;border-color:#0000001f;color:#222}.light.svelte-wqryy0 .palette-item:where(.svelte-wqryy0):hover{border-color:#0000004d;background:#00000014}.light.svelte-wqryy0 .canvas-container:where(.svelte-wqryy0){background:#00000008;border-color:#0000001a}.light.svelte-wqryy0 .info-panel:where(.svelte-wqryy0){background:#ffffffe6;border-color:#0000001f;color:#222}.light.svelte-wqryy0 .info-title:where(.svelte-wqryy0){color:#e67e22}.light.svelte-wqryy0 .info-label:where(.svelte-wqryy0){opacity:.6}.light.svelte-wqryy0 .instructions:where(.svelte-wqryy0){color:#666}.light.svelte-wqryy0 .back-link:where(.svelte-wqryy0) a:where(.svelte-wqryy0){color:#00000080}.light.svelte-wqryy0 .back-link:where(.svelte-wqryy0) a:where(.svelte-wqryy0):hover{color:#222}@media (min-width: 700px){.page-container.svelte-wqryy0{padding:1rem 2rem}h1.svelte-wqryy0{font-size:1.8rem}.palette-item.svelte-wqryy0{padding:.6rem 1rem;min-width:70px}.palette-label.svelte-wqryy0{font-size:.85rem}}.settings-overlay.svelte-wqryy0{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:300;animation:svelte-wqryy0-fade-in .15s ease-out}@keyframes svelte-wqryy0-fade-in{0%{opacity:0}to{opacity:1}}.settings-panel.svelte-wqryy0{background:#0f0828f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:1.25rem;min-width:280px;max-width:420px;width:calc(100vw - 2rem);box-shadow:0 20px 60px #0009}.settings-header.svelte-wqryy0{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.settings-header.svelte-wqryy0 h3:where(.svelte-wqryy0){margin:0;font-size:1.1rem;color:#f1c40f;font-weight:700}.close-btn.svelte-wqryy0{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1rem;padding:.25rem .5rem;line-height:1;border-radius:6px;transition:color .15s,background .15s}.close-btn.svelte-wqryy0:hover{color:#fff;background:#ffffff1a}.wallpaper-grid.svelte-wqryy0{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.wallpaper-option.svelte-wqryy0{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:.6rem .35rem;cursor:pointer;color:#fff;font-size:.72rem;transition:all .2s}.wallpaper-option.svelte-wqryy0:hover{border-color:#ffffff4d;background:#ffffff1a}.wallpaper-option.selected.svelte-wqryy0{border-color:#f1c40f;background:#f1c40f1f}.wallpaper-preview.svelte-wqryy0{width:100%;height:44px;border-radius:6px;border:1px solid rgba(255,255,255,.15)}