@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://cubesolver.ai/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2")}:root{--background: #ffffff;--foreground: #171717;--brand-primary: #ff6b00;--brand-primary-dark: #e85800;--brand-secondary: #111317;--surface: #ffffff;--surface-muted: #f4f3ef;--panel-surface: rgba(255, 255, 255, .96);--panel-strong: rgba(255, 255, 255, .98);--border-color: rgba(17, 19, 23, .08);--text-primary: #1f1f1f;--text-muted: #666666;--text-inverse: #f5f7fb;--glow: 0 25px 60px rgba(17, 19, 23, .15);--glow-soft: 0 12px 30px rgba(17, 19, 23, .12)}html[data-host-theme=classic]{--background: #070c12;--foreground: #e8eef6;--brand-primary: #8ad3ff;--brand-primary-dark: #55bcff;--brand-secondary: #1b2a3e;--surface: #0f1722;--surface-muted: #101a26;--panel-surface: rgba(14, 22, 33, .82);--panel-strong: rgba(14, 22, 33, .95);--border-color: rgba(255, 255, 255, .14);--text-primary: #e8eef6;--text-muted: #9bb0c9;--text-inverse: #e8eef6;--glow: 0 18px 42px rgba(4, 10, 18, .44);--glow-soft: 0 12px 24px rgba(4, 10, 18, .34)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text-primary);background:radial-gradient(circle at 12% 16%,rgba(255,119,26,.08),transparent 36%),radial-gradient(circle at 80% 8%,rgba(17,19,23,.06),transparent 42%),linear-gradient(160deg,#fafaf8 0%,var(--surface-muted) 100%)}html[data-host-theme=classic] body{background:radial-gradient(circle at 16% 18%,#20344c 0%,transparent 32%),radial-gradient(circle at 80% 9%,#1b2a3f 0%,transparent 35%),linear-gradient(160deg,#111a26,#070c12)}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;padding:16px;display:grid;grid-template-rows:auto 1fr;gap:14px}.topbar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--border-color);border-radius:14px;background:var(--panel-surface);box-shadow:var(--glow)}.brand-logo{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;gap:10px}.logo-dot{width:12px;height:12px;border-radius:999px;background:radial-gradient(circle at 34% 32%,#ffd08a 0%,var(--brand-primary) 58%,var(--brand-primary-dark) 100%);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 24%,#ffffff 76%)}.logo-stack{min-width:0;display:grid;gap:2px}.logo-text{font-size:1.08rem;font-weight:700;letter-spacing:.01em;color:var(--text-primary)}.topbar-actions{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:flex-end}.size-switcher{position:relative;display:inline-flex;flex-direction:column;align-items:flex-end}.size-switch-trigger{position:relative;min-width:96px;padding:8px 34px 8px 14px;border-radius:12px;border-color:color-mix(in srgb,var(--brand-primary) 16%,var(--border-color) 84%);background:color-mix(in srgb,var(--surface) 74%,#eef2f8 26%);box-shadow:0 10px 24px #1113171a;font-size:.86rem;font-weight:700;letter-spacing:.01em;line-height:1.1}.size-switch-trigger:after{content:"";position:absolute;top:50%;right:13px;width:8px;height:8px;border-right:1.5px solid color-mix(in srgb,var(--text-primary) 76%,transparent);border-bottom:1.5px solid color-mix(in srgb,var(--text-primary) 76%,transparent);transform:translateY(-62%) rotate(45deg);transition:transform .14s ease;pointer-events:none}.size-switch-label{display:inline-block;white-space:nowrap}.size-switch-trigger:hover{border-color:color-mix(in srgb,var(--brand-primary) 36%,var(--border-color) 64%);background:color-mix(in srgb,var(--brand-primary) 10%,var(--surface) 90%)}.size-switch-trigger:focus-visible{outline:none;border-color:color-mix(in srgb,var(--brand-primary) 52%,var(--border-color) 48%);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 20%,transparent),0 12px 26px #1113171f}.size-switcher[data-open=true] .size-switch-trigger{border-color:color-mix(in srgb,var(--brand-primary) 44%,var(--border-color) 56%);background:color-mix(in srgb,var(--brand-primary) 12%,var(--surface) 88%);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 14%,transparent),0 14px 28px #11131724}.size-switcher[data-open=true] .size-switch-trigger:after{transform:translateY(-34%) rotate(225deg)}.size-switch-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:30;display:grid;gap:8px;min-width:132px;max-width:min(180px,calc(100vw - 32px));padding:10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--brand-primary) 16%,var(--border-color) 84%);background:var(--panel-strong);box-shadow:var(--glow-soft)}.size-switch-menu[hidden]{display:none}.size-switch-option{width:100%;min-height:40px;padding:9px 12px;border-radius:10px;font-size:.84rem;font-weight:650;line-height:1.1;text-align:center}.size-switch-option.is-active{border-color:color-mix(in srgb,var(--brand-primary) 36%,var(--border-color) 64%);background:color-mix(in srgb,var(--brand-primary) 14%,var(--surface) 86%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 12%,transparent)}button{border:1px solid var(--border-color);background:color-mix(in srgb,var(--surface) 82%,#e9ecf2 18%);color:var(--text-primary);border-radius:10px;padding:8px 12px;cursor:pointer;font-size:.84rem;transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease}button:hover{border-color:color-mix(in srgb,var(--brand-primary) 46%,var(--border-color) 54%);background:color-mix(in srgb,var(--brand-primary) 12%,var(--surface) 88%)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:color-mix(in srgb,var(--brand-primary) 72%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 90%,#ffffff 10%),color-mix(in srgb,var(--brand-primary-dark) 88%,#ffffff 12%));color:#fff7f0;box-shadow:0 10px 22px #ff6b0033}.btn-primary:hover{border-color:color-mix(in srgb,var(--brand-primary-dark) 78%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 96%,#ffffff 4%),color-mix(in srgb,var(--brand-primary-dark) 94%,#ffffff 6%))}.stage-layout{min-height:0;display:grid;grid-template-columns:1fr minmax(300px,380px);gap:14px;align-items:start}.canvas-wrap{position:relative;height:calc(100dvh - 132px);min-height:520px;border-radius:18px;border:1px solid var(--border-color);background:radial-gradient(circle at 18% 18%,rgba(255,140,46,.18),transparent 30%),radial-gradient(circle at 82% 14%,rgba(255,214,166,.16),transparent 34%),radial-gradient(circle at 50% 72%,rgba(255,255,255,.8),transparent 45%),linear-gradient(160deg,#fefcf8,#f7efe3 56%,#ecdecd);box-shadow:var(--glow);overflow:hidden}#cube-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.stage-speed-inline{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:4;width:min(340px,calc(100% - 182px));display:flex;align-items:center;gap:10px}.stage-speed-inline input[type=range]{display:block;flex:1 1 auto;min-width:0}.stage-speed-indicator{flex:0 0 auto;font-size:.78rem;font-weight:700;line-height:1;color:color-mix(in srgb,var(--text-primary) 82%,transparent);white-space:nowrap;text-shadow:0 1px 2px rgba(255,251,245,.72)}.stage-paint-palette{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:4;display:none}.stage-paint-palette.is-open{display:block}.stage-alert{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:24px 18px;pointer-events:none}.stage-alert[hidden]{display:none}.stage-alert-card{position:relative;width:min(560px,100%);max-height:100%;border-radius:18px;border:1px solid color-mix(in srgb,var(--border-color) 82%,transparent);background:var(--panel-strong);box-shadow:0 12px 28px #11131733;padding:18px 54px 18px 18px;pointer-events:auto;overflow-y:auto}.stage-alert-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;border-color:color-mix(in srgb,var(--text-primary) 12%,var(--border-color) 88%);background:color-mix(in srgb,var(--text-primary) 72%,#ffffff 28%);color:var(--text-inverse);box-shadow:0 8px 16px #11131729}.stage-alert-close:hover{border-color:color-mix(in srgb,var(--brand-primary) 24%,var(--border-color) 76%);background:color-mix(in srgb,var(--text-primary) 68%,var(--brand-primary) 32%)}.stage-alert-close span{transform:translateY(-1px)}.stage-alert-message{font-size:1.02rem;font-weight:700;line-height:1.35;color:var(--text-primary);white-space:pre-line;text-wrap:balance;word-break:break-word}.palette-grid.palette-grid-vertical{grid-template-columns:1fr;gap:8px;margin-top:0}.palette-grid.palette-grid-vertical .color-dot{width:34px;height:34px;border-radius:10px;padding:0}.status-pill{position:absolute;left:12px;bottom:18px;max-width:min(240px,calc(100% - 182px));font-size:.68rem;font-weight:500;color:color-mix(in srgb,var(--text-primary) 78%,transparent);padding:0;border-radius:0;background:transparent;border:0;backdrop-filter:none;text-shadow:0 1px 2px rgba(255,251,245,.82);z-index:3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics-debug-panel{position:fixed;right:12px;bottom:12px;z-index:9999;margin:0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--brand-primary) 38%,var(--border-color) 62%);border-radius:10px;background:color-mix(in srgb,var(--surface) 88%,#000000 12%);color:var(--text-primary);font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;box-shadow:0 10px 24px #0000002e;pointer-events:none;white-space:pre}.control-panel{min-height:0;overflow:auto;border:1px solid var(--border-color);border-radius:18px;background:var(--panel-surface);padding:12px;box-shadow:var(--glow)}.panel-block{border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,#eef2f8 8%);padding:12px}.panel-block+.panel-block{margin-top:12px}.panel-drawer-head h2,.stage-panel h2{margin:0;font-size:.84rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.panel-copy{margin:8px 0 0;font-size:.82rem;line-height:1.45;color:var(--text-primary)}.panel-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-close-btn{border-radius:999px;padding:6px 10px;font-size:.76rem}.quick-actions-grid,.action-row,.quality-row,.size-switch-panel{display:grid;gap:8px}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions-grid button{min-height:42px}.action-row.playback-controls{grid-template-columns:repeat(5,minmax(0,1fr))}.playback-icon-btn{min-width:0;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.playback-icon{width:18px;height:18px;display:block;fill:currentColor;pointer-events:none}.panel-block-primary{padding:10px}.panel-block-solution{display:grid;gap:10px}.slider-row{display:grid;gap:8px;font-size:.8rem;color:var(--text-muted)}input[type=range]{width:100%;accent-color:var(--brand-primary)}.palette-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:8px}.color-dot{height:38px;border-radius:12px;border:2px solid var(--border-color);box-shadow:inset 0 1px #ffffff47}.color-dot.is-active{outline:2px solid var(--brand-primary);outline-offset:1px}.hint{margin:6px 0 0;font-size:.74rem;line-height:1.45;color:var(--text-muted)}.solution-output{min-height:90px;margin-top:10px;border-radius:12px;border:1px solid var(--border-color);padding:10px;font-size:.8rem;color:var(--text-primary);line-height:1.45;background:color-mix(in srgb,var(--surface-muted) 58%,#ffffff 42%);word-break:break-word}.solution-message{margin-bottom:8px;font-size:.74rem;color:var(--text-muted)}.solution-empty{font-size:.78rem;color:var(--text-muted)}.solution-list{display:flex;flex-wrap:wrap;gap:6px}.solution-token{border:1px solid var(--border-color);border-radius:8px;padding:3px 8px;background:#fff;color:var(--text-primary)}.solution-token.is-active{border-color:#e53935;background:#ffe6e6;color:#b30000}.manual-moves-head{display:grid;gap:4px;margin-top:12px}.manual-moves-head h3{margin:0;font-size:.8rem;letter-spacing:.03em;color:var(--text-primary)}.move-grid{display:grid;gap:6px;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:10px}.move-btn{padding:8px 4px;font-size:.78rem}@media(max-width:1024px){.stage-layout{grid-template-columns:1fr}.canvas-wrap{height:clamp(420px,62vh,620px);min-height:420px}}@media(max-width:640px){.app-shell{padding:10px;gap:10px}.topbar{padding:10px 12px;border-radius:12px;gap:8px}.topbar-actions{margin-left:6px}.size-switch-trigger{min-width:84px;padding:8px 30px 8px 12px;border-radius:11px;font-size:.8rem}.size-switch-trigger:after{right:11px}.size-switch-menu{min-width:118px;max-width:min(170px,calc(100vw - 24px));padding:8px;gap:6px;border-radius:12px}.size-switch-option{min-height:42px;font-size:.8rem}.logo-text{font-size:.98rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-layout{gap:10px}.canvas-wrap{position:sticky;top:0;z-index:20;height:clamp(340px,56vh,460px);min-height:340px;border-radius:14px}.stage-speed-inline{width:min(260px,calc(100% - 132px));left:50%;right:auto;bottom:10px;transform:translate(-50%);gap:8px}.stage-speed-indicator{font-size:.7rem}.stage-paint-palette{top:50%;right:8px;transform:translateY(-50%)}.stage-alert{padding:14px 10px}.stage-alert-card{width:100%;border-radius:14px;padding:16px 46px 16px 16px}.stage-alert-close{top:8px;right:8px;width:30px;height:30px;font-size:1.28rem}.stage-alert-message{font-size:.9rem;line-height:1.35}.status-pill{left:50%;bottom:2px;right:auto;transform:translate(-50%);max-width:calc(100% - 36px);font-size:.62rem;text-align:center;padding:0}.control-panel{border-radius:14px;padding:10px;overflow:visible}.panel-block{border-radius:12px;padding:10px}.quick-actions-grid button{min-height:42px;padding-inline:8px;font-size:.8rem}.action-row.playback-controls{gap:6px}.playback-icon-btn{min-height:42px}.playback-icon{width:16px;height:16px}.palette-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.move-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}