/* Cube Studio 2.0 — calm, staged, touch-first interaction. */
:root{
  --bg:#0b0f0e;
  --panel:#151b18;
  --panel-2:#1a211d;
  --panel-3:#202820;
  --line:#303a32;
  --line-soft:#ffffff0d;
  --ink:#f5f3ea;
  --muted:#9ca69f;
  --lime:#d8f18f;
  --lime-ink:#1b2415;
}

html{scroll-behavior:smooth}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 10% -10%,#263327 0,transparent 28rem),
    radial-gradient(circle at 100% 28%,#17251e 0,transparent 30rem),
    var(--bg);
  font-size:15px;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");
}

.studio-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:0 0 auto}
.studio-header{
  height:76px;
  max-width:1480px;
  margin:auto;
  padding:0 34px;
  gap:24px;
  border-bottom:1px solid var(--line-soft);
}
.studio-header .brand{font-size:25px;letter-spacing:-1.6px}
.back-link{display:flex;align-items:center;gap:8px;padding-left:22px;font-size:12px}
.back-link .studio-icon{width:15px}
.header-note{font-size:11px;letter-spacing:.02em}
.studio-header .outline{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border-color:#566250;
  background:#ffffff05;
}

.studio{max-width:1420px;padding:0 30px}
.intro{
  min-height:250px;
  padding:50px 4px 38px;
  align-items:flex-end;
}
.intro .eyebrow{color:var(--lime);font-size:9px;letter-spacing:1.9px}
.intro .eyebrow .studio-icon{width:16px;height:16px}
.intro h1{
  max-width:820px;
  margin:16px 0 14px;
  font-size:clamp(45px,5.2vw,74px);
  line-height:1.02;
  letter-spacing:-4.5px;
}
.intro h1 em{font-weight:400}
.intro p{max-width:620px;font-size:15px;line-height:1.7}
.intro-aside{
  min-width:235px;
  padding:0 18px 9px 0;
  gap:16px;
  font-size:12px;
  line-height:1.65;
}
.intro-aside .mini-mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid #526046;border-radius:50%;font-size:0}
.intro-aside .mini-mark .studio-icon{width:19px;height:19px}

.workspace{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr);
  gap:16px;
  min-height:700px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.viewport-panel,.editor{
  border:1px solid #3a453b;
  border-radius:25px;
  box-shadow:0 28px 80px #0005, inset 0 1px #ffffff08;
}
.viewport-panel{
  min-height:700px;
  background:
    radial-gradient(circle at 50% 43%,#3a493b 0,#202b23 38%,#121814 74%),
    var(--panel);
}
.viewport-panel:before{
  opacity:.75;
  background-size:64px 64px;
  mask-image:radial-gradient(circle at 50% 45%,black,transparent 73%);
}
.stage-top{top:24px;left:25px;right:25px;font-size:9px}
.stage-title{display:flex;align-items:center;gap:10px;letter-spacing:1.8px}
.stage-title:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #d8f18f12}
.stage-title span{margin:0;padding:0 0 0 10px}
.live{padding:7px 10px;border:1px solid #ffffff12;border-radius:20px;background:#09100c55}
#viewport{inset:40px 0 46px}
.stage-bottom{bottom:20px;left:22px;right:22px}
.stage-bottom>span{padding:8px 10px;border-radius:20px;background:#0c120eb8;backdrop-filter:blur(8px)}
.stage-bottom button{display:flex;align-items:center;gap:7px;border-radius:20px;padding:8px 12px;background:#0c120eb8}
.axis-key{bottom:73px;gap:8px}
.axis-key span{padding:5px 8px;background:#0d130fb8;border:1px solid #ffffff0a;border-radius:20px}
.stage-watermark{bottom:116px;font-size:8px;letter-spacing:4.5px;opacity:.16}

.editor{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  padding:0;
  background:linear-gradient(180deg,#1b221e,#141a17);
}
.steps{
  min-height:69px;
  padding:0 25px;
  border-bottom:1px solid var(--line);
  gap:10px;
}
.steps>span{width:40px;background:#3b443c}
.steps button{gap:9px;font-size:11px;letter-spacing:.02em}
.steps button span{display:inline}
.steps b{width:25px;height:25px;border-color:#596358}
.steps .active b{box-shadow:0 0 0 5px #d8f18f0c}
#setup-panel,#solution-panel{padding:27px;min-height:0}
#setup-panel{flex:1}

#method-chooser{animation:studio-rise .35s ease both}
#method-chooser>.eyebrow{color:var(--lime);font-size:8px}
#method-chooser h2{font:500 29px/1.18 Manrope,sans-serif;letter-spacing:-1.2px;margin:15px 0 8px}
#method-chooser>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 23px}
.method-list{display:grid;gap:11px}
.method-choice{
  position:relative;
  width:100%;
  min-height:94px;
  display:grid;
  grid-template-columns:46px 1fr auto;
  align-items:center;
  gap:13px;
  padding:16px;
  text-align:left;
  border:1px solid #3b473d;
  border-radius:15px;
  background:#202720;
  transition:transform .18s,border-color .18s,background .18s;
}
.method-choice:hover{filter:none!important;transform:translateY(-2px);border-color:#71845e;background:#252e25}
.method-choice:active{transform:scale(.985)}
.method-choice.recommended{border-color:#71845e;background:linear-gradient(135deg,#283426,#1d271e)}
.method-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#303b2e;color:var(--lime)}
.method-choice.recommended .method-icon{background:var(--lime);color:var(--lime-ink)}
.method-choice strong,.method-choice small{display:block}
.method-choice strong{font-size:13px;font-weight:600;margin-bottom:5px}
.method-choice small{max-width:230px;color:var(--muted);font-size:10px;line-height:1.55}
.method-choice>b{position:absolute;top:10px;right:12px;padding:4px 6px;border-radius:10px;background:#d8f18f14;color:var(--lime);font-size:7px;letter-spacing:.08em}
.method-choice>.icon-arrow-right{width:16px;color:#849084}
.demo-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:19px 0 15px;color:#c7d0c6;font-size:11px}
.demo-link .studio-icon{width:14px;color:var(--lime)}
.method-privacy{display:flex;align-items:center;justify-content:center;gap:7px!important;margin:0!important;font-size:9px!important;text-align:center}
.method-privacy .studio-icon{width:13px;color:#8fa585}

#setup-workbench{animation:studio-rise .3s ease both}
.change-method{display:flex;align-items:center;gap:7px;margin:0 0 18px;color:var(--muted);font-size:10px}
.change-method .studio-icon{width:14px}
.panel-heading{margin:0 0 16px}
.panel-heading h2{font:500 23px/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin-bottom:5px}
.panel-heading p{font-size:11px}
.input-modes{
  border:0;
  padding:0;
  gap:8px;
  margin-bottom:12px;
}
.input-modes button,.phone-launch{
  min-height:39px;
  padding:9px 10px;
  border:1px solid #3d493f;
  border-radius:9px;
  background:#202821;
  font-size:9px;
  color:#c5cec4;
}
.input-modes .active{background:#202821;color:#c5cec4;border-radius:9px}
.phone-launch{margin:0 0 16px;color:var(--lime)}
.palette{max-width:310px;margin:17px auto 18px}
.swatch{width:42px;font-size:8px}
.swatch i{width:34px;height:34px;border-width:4px;box-shadow:inset 0 1px 1px #fff5,0 6px 15px #0004}
.swatch[aria-pressed=true] i{outline:2px solid var(--lime);outline-offset:2px}
.face-heading{align-items:center;font-size:12px;margin-top:4px}
.face-heading #face-number{padding:5px 8px;border-radius:20px;background:#252e26;color:#bdc8ba}
.orientation{min-height:31px;margin:7px 0 10px;font-size:10px;line-height:1.55}
.face-grid{width:190px;gap:6px;padding:7px;border-color:#566151;border-radius:15px;background:#0a0f0c;box-shadow:0 15px 35px #0005}
.sticker{border-radius:8px;border-color:#ffffff2b;box-shadow:inset 0 2px 3px #fff3,0 2px 6px #0005}
.face-switch{margin:14px 0 11px}
.face-switch>button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #3c473d;border-radius:50%;background:#1c241e}
#face-tabs{gap:5px}
#face-tabs button{width:27px;height:27px;border-radius:8px;background:#222a23}
#face-tabs button.active{background:var(--lime);color:var(--lime-ink)}
.editor-note{margin:11px 0 15px;font-size:9px;justify-content:center}
.editor-note>span{font-size:0}
.editor-note .studio-icon{width:14px}
.primary{min-height:48px;border-radius:11px;padding:13px 15px;background:var(--lime);color:var(--lime-ink);font-size:12px;box-shadow:0 10px 30px #90aa4b18}
.secondary-actions{margin-top:12px;padding:0 2px}
.secondary-actions button{display:flex;align-items:center;gap:6px;font-size:9px}
.secondary-actions .studio-icon{width:13px}
#status{margin:0;padding:0 27px 23px;font-size:10px;line-height:1.55}
.entry-choice #status{display:none}

#solution-panel{animation:studio-rise .3s ease both}
.solution-edit{display:none}
.hold-guide{display:block;padding:11px;border-radius:9px;font-size:10px;line-height:1.65}
.hold-guide .studio-icon{width:15px;margin:-1px 7px 0 0}
.move-spotlight{min-height:221px;padding:25px 5px 16px}
.move-spotlight>span{font-size:8px}
.move-spotlight strong{font-size:76px;line-height:1.13}
.move-spotlight p{font-size:12px}
.progress-track{margin-bottom:16px}
.playback{gap:7px}
.playback>button:not(.primary){width:43px;border-radius:10px}
.speed{margin:17px 0}
.speed-switch{border-radius:11px}
.move-list{padding:3px;max-height:88px}
.restart{display:flex;align-items:center;gap:7px}

.bottom-strip{
  margin:18px 0 0;
  padding:18px 22px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#121815;
}
.strip-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#263125;font-size:0}
.strip-icon .studio-icon{width:18px}
.bottom-strip strong{font-size:11px}.bottom-strip p span{font-size:9px}

.cube-field-guide{padding:70px 0 0;border:0}
.knowledge-heading{
  align-items:center;
  margin:0;
  padding:30px;
  border:1px solid #3a453b;
  border-radius:21px;
  background:linear-gradient(135deg,#1d271f,#121815);
  box-shadow:0 24px 60px #0003;
}
.knowledge-heading>div{flex:1}
.knowledge-heading h2{font-size:clamp(30px,3.5vw,48px);margin-top:12px}
.knowledge-heading>p{display:none}
.knowledge-trigger{
  width:min(100%,390px);
  display:grid;
  grid-template-columns:1fr auto;
  gap:5px 18px;
  align-items:center;
  padding:16px 18px;
  border:1px solid #53634f;
  border-radius:13px;
  background:#222d23;
  text-align:left;
}
.knowledge-trigger>span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}
.knowledge-trigger>span .studio-icon{width:16px;color:var(--lime)}
.knowledge-trigger>small{grid-column:1;color:var(--muted);font-size:9px}
.knowledge-trigger>.studio-icon{grid-column:2;grid-row:1/3;width:17px;color:var(--lime);transition:transform .2s}
.cube-field-guide:not(.is-open)>.knowledge-cards,.cube-field-guide:not(.is-open)>.knowledge-workbench,.cube-field-guide:not(.is-open)>.knowledge-takeaway,.cube-field-guide:not(.is-open)>.learning-mode-note{display:none}
.cube-field-guide.is-open>.knowledge-cards{margin-top:18px;animation:studio-rise .3s ease both}
.knowledge-card{padding:24px;border-radius:17px}
.knowledge-workbench{margin-top:34px}
.knowledge-takeaway{border-radius:16px}

.explainer{padding:76px 0 70px}
.explainer h2{font-size:clamp(30px,4vw,50px);letter-spacing:-2px;margin:13px 0 28px}
.explain-grid{gap:12px}
.explain-grid article{padding:24px;border:1px solid var(--line);border-radius:16px;background:#121815}
.explain-grid article>span{color:var(--lime)}
.explain-grid h3{margin:18px 0 8px}
.studio-footer{max-width:1480px;margin:auto;border-top-color:var(--line-soft);padding:25px 34px}

dialog{border-color:#4b5a49;background:#18201b;box-shadow:0 35px 100px #000a}
dialog::backdrop{background:#050806e8;backdrop-filter:blur(14px)}
#phone-pair-dialog{width:min(440px,calc(100% - 28px))}

@keyframes studio-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:1050px){
  .studio{padding:0 20px}
  .workspace{grid-template-columns:minmax(0,1fr) 350px}
  .viewport-panel{min-height:650px}
  .intro-aside{display:none}
}

@media(max-width:850px){
  .studio-header{height:66px;padding:0 16px;gap:14px}
  .studio-header .brand{font-size:22px}
  .back-link{padding-left:14px;font-size:10px}
  .studio-header .outline{margin-left:auto;padding:9px 11px;font-size:0}
  .studio-header .outline .studio-icon{width:17px;height:17px}
  .studio{padding:0 12px}
  .intro{min-height:0;padding:29px 4px 24px}
  .intro h1{font-size:clamp(39px,11.8vw,56px);line-height:1.02;letter-spacing:-3px;margin:14px 0 12px}
  .intro p{max-width:520px;font-size:12px;line-height:1.65}
  .workspace{display:flex;flex-direction:column;gap:10px;min-height:0}
  .entry-choice .editor,.entry-manual .editor{order:1}.entry-choice .viewport-panel,.entry-manual .viewport-panel{order:2}
  .is-solving .viewport-panel{order:1}.is-solving .editor{order:2}
  .viewport-panel,.editor{border-radius:20px}
  .viewport-panel{height:390px;min-height:390px}
  .entry-choice .viewport-panel,.entry-manual .viewport-panel{height:320px;min-height:320px}
  #viewport{inset:30px 0 35px}
  .stage-top{top:17px;left:17px;right:17px}
  .stage-bottom{left:14px;right:14px;bottom:13px}
  .stage-bottom>span{font-size:9px}
  .stage-watermark{bottom:77px}
  .axis-key{bottom:52px}
  .steps{min-height:58px;padding:0 18px}
  #setup-panel,#solution-panel{padding:21px 18px}
  #method-chooser h2{font-size:25px}
  .method-choice{min-height:88px}
  .method-choice small{max-width:260px}
  .input-modes{display:none}
  .phone-launch{display:none!important}
  .palette{max-width:330px}
  .face-grid{width:min(58vw,215px)}
  #status{padding:0 18px 19px}
  .bottom-strip{margin-top:10px;padding:15px 16px}
  .bottom-strip>div{gap:10px}
  .privacy{margin:0;max-width:none}
  .cube-field-guide{padding-top:46px}
  .knowledge-heading{display:block;padding:23px 20px}
  .knowledge-heading h2{font-size:32px;letter-spacing:-1.5px;margin-bottom:23px}
  .knowledge-trigger{width:100%}
  .knowledge-cards{grid-template-columns:1fr;gap:10px}
  .knowledge-workbench{grid-template-columns:1fr;gap:20px}
  .explainer{padding:54px 0}
  .explain-grid{grid-template-columns:1fr;gap:9px}
  .studio-footer{padding:22px 16px}
  .is-solving .viewport-panel{position:sticky;top:0;height:260px!important;min-height:260px!important;z-index:4}
  .is-solving .steps{display:none}
  .solution-edit{display:flex;align-items:center;gap:6px;margin:0 0 13px;color:var(--muted);font-size:10px}
  .solution-edit .studio-icon{width:14px}
  .is-solving #viewport{inset:24px 0 29px}
  .is-solving .axis-key{bottom:42px}
  .is-solving .stage-watermark{display:none}
  .is-solving .move-spotlight{min-height:158px;padding:17px 4px 10px}
  .is-solving .move-spotlight strong{font-size:58px}
  .is-solving .move-spotlight p{margin:2px 0 7px}
  .is-solving .hold-guide{padding:9px 10px;font-size:9px}
}

@media(max-width:430px){
  .back-link{border:0;padding-left:2px}.back-link{font-size:0}.back-link .studio-icon{width:18px;height:18px}
  .intro h1{font-size:39px}.intro p{padding-right:10px}
  .entry-choice .viewport-panel{height:285px;min-height:285px}
  .stage-bottom>span span{display:none}
  .axis-key span{font-size:7px;padding:4px 6px}
  .method-choice{grid-template-columns:43px 1fr auto;padding:14px 13px;gap:11px}
  .method-icon{width:43px;height:43px}
  .method-choice small{font-size:9px}
  .palette{gap:3px}.swatch{width:38px}.swatch i{width:31px;height:31px}
  .face-switch>button{width:35px;height:35px}
  .bottom-strip{display:block}.bottom-strip .privacy{margin:12px 0 0 48px}
  .knowledge-heading h2{font-size:29px}
  .knowledge-trigger{padding:14px}
}

/* Focused workspace: one canvas, one control surface, one primary action. */
:root{--bg:#141517;--line:#37383c;--ink:#f5f2ec;--muted:#acadb3;--lime:#ee9878}
body{background:var(--bg)}body:before{display:none}
.header-note,.intro-aside,.live,.stage-watermark,.bottom-strip{display:none}
.studio-header .outline{margin-left:auto;border:0;background:transparent}
.intro{min-height:0;padding:38px 0 30px}.intro h1{font-size:clamp(36px,4.4vw,60px);letter-spacing:-2.6px;line-height:1.1;margin:12px 0}.intro p{font-size:14px}.intro .eyebrow{color:#b4b4bc;letter-spacing:2px}
.workspace{gap:0;min-height:560px;grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr);align-items:stretch}
.viewport-panel{min-height:560px;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 50% 48%,#30333b 0,transparent 64%)}
.viewport-panel:before{display:none}.stage-title:before{display:none}.stage-top{left:16px;top:20px;color:#b4b6c1}.stage-bottom>span,.stage-bottom button,.axis-key span{background:transparent;border:0;border-radius:0;backdrop-filter:none}.axis-key{gap:16px}
.editor{--ink:#26272b;--muted:#62636b;--line:#d9d5ce;--lime:#a63b22;--lime-ink:#fff;--panel:#f3f0e9;color:var(--ink);background:#f3f0e9;border:0;border-radius:18px;box-shadow:none}
.entry-choice .steps{display:none}.entry-choice #setup-panel{display:flex;align-items:center;padding:40px 32px}.entry-choice #method-chooser{width:100%}
#method-chooser>.eyebrow{color:#77716a;letter-spacing:1.7px}#method-chooser h2{font-size:32px;margin:16px 0 12px}#method-chooser>p{font-size:14px;line-height:1.65;margin-bottom:28px}
.method-list{gap:8px}.method-choice,.method-choice.recommended{border:0;box-shadow:none;border-radius:9px;background:transparent;grid-template-columns:28px 1fr 18px;gap:12px;padding:17px 12px;min-height:76px}
.method-choice.recommended{background:#ad3c23;color:#fff}.method-choice.recommended:hover{background:#92321e}.method-choice:hover{transform:none;background:#e8e3da;border:0}
.method-icon,.method-choice.recommended .method-icon{width:28px;height:28px;background:transparent;color:inherit;border-radius:0}
.method-choice strong{font-size:14px}.method-choice small{font-size:11px;color:#62636b;max-width:none}.method-choice.recommended small{color:#ffe1d6}.method-choice>.icon-arrow-right{color:inherit}
.demo-link{justify-content:flex-start;border-top:1px solid #d9d5ce;padding:22px 12px 0;margin:15px 0 24px;font-size:12px;color:#42434a}.demo-link .studio-icon{color:#767780}.method-privacy{justify-content:flex-start;font-size:10px!important;text-align:left;color:#6b6b70!important}
.steps{border-bottom:1px solid var(--line)}.steps>span{background:var(--line)}.steps b{border:0;background:#e1ddd5;color:#69655e}.steps .active b{background:#ad3c23;color:white;box-shadow:none}
.primary{background:#ad3c23;color:white;box-shadow:none}.input-modes button,.phone-launch,.input-modes .active{border:0;border-bottom:1px solid #cbc5bb;background:transparent;color:#55535a;border-radius:0}.phone-launch{color:#a63b22}
.face-heading #face-number{background:none;color:#62636b}.face-grid{box-shadow:none}.face-switch>button,#face-tabs button{background:transparent;border:0;color:#55535a}#face-tabs button.active{background:#ad3c23;color:white}.editor-note{color:#62636b}
.hold-guide{background:transparent;border:0;border-left:2px solid #b7afa1;border-radius:0;color:#62636b;padding:0 0 0 12px;font-size:12px}.hold-guide b{color:#28292c}.hold-guide .studio-icon{display:none}
.move-spotlight>span{font-size:10px}.move-spotlight p{font-size:15px;line-height:1.5}.move-spotlight small{font-size:11px}.playback>button:not(.primary){border-color:#c9c3b8;color:#28292c;min-height:48px}
.speed-switch{background:#e7e2d9;border:0;box-shadow:none}.speed-switch button{color:#656069}.speed-switch button[aria-pressed=true]{background:#fff;color:#28292c;box-shadow:0 1px 4px #0001}
.all-moves{border-top:1px solid #d9d5ce;margin-top:18px;padding-top:15px}.all-moves summary{cursor:pointer;font-size:12px;color:#62636b}.all-moves .move-list{margin-top:12px}.move-list span{background:transparent}.move-list span.current{background:#ad3c23;color:white}
.cube-field-guide{padding-top:56px}.knowledge-heading{padding:25px 0;border:0;border-top:1px solid #37383c;border-bottom:1px solid #37383c;border-radius:0;background:transparent}.knowledge-trigger{background:transparent;border:0;border-radius:0}.knowledge-card,.cube-pocket-guide{background:transparent;border:0;border-radius:0;box-shadow:none}.knowledge-card{border-top:1px solid #44454b}.knowledge-takeaway{background:#25272d;color:#eee;border-radius:0}.knowledge-takeaway p{color:#bbb}.knowledge-takeaway a{color:#ee9878}
.explain-grid{gap:32px}.explain-grid article{padding:0;border:0;background:transparent;border-radius:0}.explainer{padding:48px 0}.explainer h2{font-size:34px}.knowledge-heading h2{font-size:30px}
dialog{background:#202125;border:1px solid #45464d}dialog p,dialog li{color:#c1c1c8}dialog .close{border:0;background:#ffffff0b}#phone-banner{background:#292c34}.calibration-dots>span{background:transparent;border-color:transparent}.calibration-dots .saved{border-color:#687d65}
@media(max-width:850px){
 .studio{padding:0 16px}.intro{padding:26px 0 22px}.intro h1{font-size:38px;letter-spacing:-1.8px}.intro p{font-size:13px}.workspace{min-height:0;gap:0}.editor{border-radius:14px}.entry-choice #setup-panel{padding:28px 24px}.entry-choice .viewport-panel{height:300px;min-height:300px}.viewport-panel{min-height:320px}.entry-choice .stage-top,.entry-choice .axis-key{display:none}
 #method-chooser h2{font-size:28px}#method-chooser>p{font-size:13px;margin-bottom:20px}.method-choice small{font-size:11px}.method-choice strong{font-size:14px}.method-choice{grid-template-columns:28px 1fr 18px}
 .is-solving .viewport-panel{background:#1d1f24;border-radius:0}.is-solving .editor{border-radius:0 0 14px 14px}.is-solving .hold-guide{font-size:12px;padding:0 0 0 12px}.is-solving .intro{display:none}.is-solving .move-spotlight p{font-size:15px}
 .knowledge-heading{padding:22px 0}.knowledge-trigger{padding-left:0}.explain-grid{gap:25px}.phone-scanner-page #scan-dialog{background:#202125}.phone-scanner-page .scanner-actions{background:linear-gradient(180deg,#20212500,#202125 18%)}
}

.entry-manual .input-modes,.entry-manual .phone-launch{display:none}
@media(max-width:850px){.studio-header .outline{font-size:11px;padding:10px 4px}.studio-header .outline span{display:none}}

/* Explicit light-surface states: never inherit dark-theme pastel text. */
.editor{color-scheme:light}
.editor .secondary-actions button,.editor .secondary-actions button:first-child,.editor .change-method,.editor .restart,.editor .solution-edit{color:#55515a;font-size:12px;min-height:36px}
.editor .steps button{color:#625e66}.editor .steps button.active{color:#9d321c}
.editor .steps b{color:#625e66}.editor .steps .active b{color:#fff}
.editor .panel-heading p,.editor .orientation,.editor .editor-note{font-size:12px;line-height:1.6;color:#625e66}
.editor .swatch{font-size:11px;color:#625e66}.editor .swatch.over,.editor .swatch.over[aria-pressed=true]{color:#a52b20;font-weight:700}
.editor #status{color:#55515a;font-size:13px;line-height:1.6;padding-top:12px}
.editor #status:empty{display:none}
.editor #status.error{color:#a52b20;font-weight:500}
.editor .move-list span{color:#625e66}.editor .move-list span.done{opacity:1;color:#757079}.editor .move-list span.current{color:#fff}
.editor button:hover:not(:disabled){filter:none}.editor .secondary-actions button:hover,.editor .change-method:hover,.editor .restart:hover{color:#9d321c;text-decoration:underline;text-underline-offset:3px}