@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-arabic-wght-normal-CGnJ-sf6.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-cyrillic-ext-wght-normal-BjodpZir.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-cyrillic-wght-normal-DveCct9I.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-hebrew-wght-normal-BIkpbuMU.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-latin-ext-wght-normal-OacczzuJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-latin-wght-normal-CnQIisVs.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-family:Rubik Variable,Rubik,sans-serif;background:radial-gradient(circle at top,rgba(216,124,46,.14),transparent 34%),radial-gradient(circle at right top,rgba(70,118,226,.18),transparent 36%),linear-gradient(180deg,#0b0e12,#10161b 52%,#080a0d);color:#f3efe4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.workspace{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px;display:grid;gap:24px}.workspace__hero,.stage-card,.inspector__panel,.face-card,.solution-card,.workspace__footer,.camera-overlay,.camera-sidebar__card,.viewport-palette{border:1px solid rgba(255,255,255,.08);background:#0a0e12e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;box-shadow:0 18px 50px #00000040}.workspace__hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:28px}.workspace__hero h1,.stage-card h2,.inspector__panel h2,.face-card h3,.solution-card h2,.workspace__footer h2,.camera-overlay h2,.viewport-palette h3{margin:0}.workspace__hero h1{font-size:clamp(3.4rem,11vw,7rem);letter-spacing:-.1em;line-height:.88}.workspace__eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:#f3efe48a}.workspace__copy,.inspector__copy{margin:8px 0 0;line-height:1.6;color:#f3efe4b8}.workspace__status,.stage-card__meta,.stage-card__hints,.face-card__meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.status-pill,.pill-button,.ghost-button,.primary-button{border-radius:999px}.status-pill{padding:8px 12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#f3efe4c7;font-size:.86rem}.workspace__stage,.workspace__solution{display:grid;gap:24px}.workspace__stage{grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr)}.stage-card,.inspector__panel,.solution-card,.workspace__footer{padding:24px}.stage-card{display:grid;gap:18px}.stage-card__header,.stage-card__footer,.inspector__header,.face-card__header,.solution-card__header,.camera-overlay__header,.viewport-palette__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.stage-card__footer{padding-top:0}.stage-card__actions,.command-bar,.dimension-switch,.palette-row,.footer-grid,.solution-summary,.scrubber{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.command-bar{margin-top:4px}.command-bar--compact{gap:10px}.primary-button,.ghost-button,.pill-button,.file-button{border:1px solid transparent;padding:12px 16px;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.primary-button{background:linear-gradient(135deg,#f0b63b,#d56439);color:#0f1215;font-weight:700}.ghost-button,.pill-button,.file-button{background:#ffffff0a;border-color:#ffffff14;color:#f3efe4}.ghost-button--active,.pill-button--active{background:#ffffff1f;border-color:#f0b63b73}.primary-button:hover,.ghost-button:hover,.pill-button:hover,.file-button:hover{transform:translateY(-1px)}.cube-viewport{min-height:520px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top,rgba(255,255,255,.04),transparent 42%),#0d1014}.cube-viewport canvas{display:block}.cube-viewport--loading{display:grid;place-items:center;color:#f3efe49e}.inspector__panel{display:grid;gap:16px;align-content:start;height:100%}.guided-face-strip{display:grid;gap:10px}.guided-face-strip--stacked{grid-template-columns:1fr}.guided-face-chip{display:grid;gap:4px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.guided-face-chip--active{border-color:#f0b63b80;background:#f0b63b14}.guided-face-chip--done{border-color:#71c37d61;background:#71c37d14}.guided-face-chip__step{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#f3efe485}.workspace__faces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.face-card{padding:18px;display:grid;gap:16px}.face-card--highlighted{border-color:#f0b63b75}.face-grid{display:grid;gap:8px}.face-grid__sticker{aspect-ratio:1;border:0;border-radius:12px;color:#0f12158c;font-size:.68rem;font-weight:700}.face-grid__sticker--editable{box-shadow:inset 0 0 0 1px #0f121529}.face-grid__sticker--selected{outline:2px solid rgba(243,239,228,.8);outline-offset:1px}.face-grid__sticker--highlighted{outline:2px solid #f0b63b;outline-offset:1px}.palette-row{gap:10px}.palette-swatch{width:42px;height:42px;border-radius:999px;border:2px solid rgba(255,255,255,.16)}.palette-swatch--active{box-shadow:0 0 0 3px #f3efe43d}.inline-message{margin:0;padding:12px 14px;border-radius:16px;background:#ffffff0a;color:#f3efe4c7}.inline-message--error{background:#b63e3e24;color:#ffb3b3}.inline-message--success{background:#5ba86324;color:#b9efc0}.inline-message--accent{background:#f0b63b24;color:#ffd682}.workspace__solution{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}.solution-card{display:grid;gap:18px}.solution-summary,.scrubber{justify-content:space-between}.scrubber input{flex:1}.move-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;max-height:520px;overflow:auto}.move-list__item{border-radius:18px}.move-list__item--active{background:#f0b63b14}.move-list__button{width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:transparent;color:inherit;display:flex;justify-content:space-between;gap:12px;align-items:baseline}.move-list__button--active{border-color:#f0b63b6b}.workspace__footer{display:grid;gap:18px}.footer-grid{justify-content:space-between;align-items:flex-start}.footer-grid section{flex:1;min-width:280px}.footer-grid ul,.component-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.component-list li{display:grid;gap:2px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}.camera-overlay-layer{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px}.camera-overlay-backdrop{position:absolute;inset:0;border:0;background:#05080ab8}.camera-overlay{position:relative;z-index:1;width:min(1240px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px;display:grid;gap:18px}.camera-overlay__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px}.camera-stage{position:relative;border-radius:22px;overflow:hidden;min-height:520px;background:#050709;border:1px solid rgba(255,255,255,.06)}.camera-stage__video,.camera-stage__grid,.camera-stage__placeholder{position:absolute;inset:0}.camera-stage__video{width:100%;height:100%;object-fit:cover}.camera-stage__grid{display:grid;place-items:center}.camera-stage__grid-frame{width:min(62vw,420px);aspect-ratio:1;border:3px solid rgba(240,182,59,.74);border-radius:24px;box-shadow:0 0 0 999px #05080a38}.camera-stage__placeholder{display:grid;place-items:center;gap:6px;text-align:center;background:#05080a70}.camera-sidebar{display:grid;gap:14px}.camera-sidebar__card{padding:18px}.viewport-palette{position:fixed;z-index:45;width:320px;padding:18px;display:grid;gap:14px}@media(max-width:1100px){.workspace__stage,.workspace__solution,.camera-overlay__body{grid-template-columns:1fr}.workspace__faces{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.workspace{width:min(100% - 20px,100%);padding:16px 0 28px}.workspace__hero,.workspace__faces{grid-template-columns:1fr}.cube-viewport,.camera-stage{min-height:380px}.camera-stage__grid-frame{width:min(72vw,320px)}}
