@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-0: #f4f8ff;--bg-1: #edf5ff;--panel: #ffffffcc;--panel-strong: #ffffff;--line: #d6e4f2;--text: #112235;--text-subtle: #5d7287;--primary: #0969da;--primary-soft: #dcecff;--success: #0f9d58;--warning: #b95b00;--shadow: 0 12px 32px rgba(16, 41, 66, .1)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0}body{color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 0% 0%,#e9f3ff 0%,transparent 35%),radial-gradient(circle at 100% 100%,#dff2ee 0%,transparent 35%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%)}button{font-family:inherit}.mono{font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#eef3f8}::-webkit-scrollbar-thumb{background:#bfd2e6;border:2px solid #eef3f8;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#a8bfd6}.workbench-shell{min-height:100vh;padding:14px}.wb-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(95deg,#fffd,#f2f9ffeb);box-shadow:var(--shadow)}.wb-brand-title{font-weight:700;font-size:18px;letter-spacing:.2px;color:#0f2a44}.wb-brand-subtitle{margin-top:2px;font-size:12px;color:var(--text-subtle)}.wb-main{margin-top:12px;min-height:calc(100vh - 110px);display:flex;gap:12px}.wb-panel{border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wb-panel-title{padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.7px;color:#35506b;background:#f5faff}.wb-left{width:300px;min-width:240px;display:flex;flex-direction:column}.wb-center{flex:1;min-width:420px;display:flex;flex-direction:column}.wb-right{width:360px;min-width:260px;display:flex;flex-direction:column}.wb-center-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:#f8fcff}.wb-muted{color:var(--text-subtle)}.cube-layout{align-items:stretch}.cube-center-title{font-size:16px;font-weight:700}.cube-center-scroll{flex:1;overflow:auto;background:#fff}.cube-lessons{display:flex;flex-direction:column;gap:10px;padding:12px}.cube-lesson-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;text-align:left;transition:all .18s ease}.cube-lesson-card:hover,.cube-lesson-card.is-active{border-color:#91caff;background:#f3f8ff;transform:translateY(-1px)}.cube-lesson-index{width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.cube-lesson-body{min-width:0}.cube-lesson-title{font-weight:700;margin-bottom:4px}.cube-lesson-tagline{display:block;line-height:1.45}.cube-board-shell{padding:16px;display:flex;flex-direction:column;gap:16px}.cube-stage-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cube-stage-title{font-size:18px;font-weight:700;margin-bottom:4px}.cube-net-wrapper{padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f6fbff)}.cube-net{display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));grid-template-rows:repeat(3,auto);gap:14px;align-items:start}.cube-face{display:flex;flex-direction:column;gap:8px}.cube-face-label{font-size:12px;font-weight:700;color:#48637c;text-align:center}.cube-face-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border-radius:12px;background:#dfeaf5}.cube-sticker{aspect-ratio:1;border-radius:8px;border:1px solid rgba(17,34,53,.14);box-shadow:inset 0 1px 1px #fff9}.cube-white{background:#fff}.cube-yellow{background:#ffd84d}.cube-red{background:#ef5350}.cube-orange{background:#fb8c00}.cube-green{background:#43a047}.cube-blue{background:#1e88e5}.cube-control-block,.cube-history-box{border:1px solid var(--line);border-radius:14px;background:#fbfdff;padding:14px}.cube-control-title{font-weight:700;margin-bottom:10px}.cube-move-grid{display:grid;grid-template-columns:repeat(6,minmax(64px,1fr));gap:8px}.cube-control-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.cube-history-content{min-height:28px;line-height:1.7;word-break:break-word}.cube-inspector{padding:16px;overflow:auto}.cube-inspector-section{display:flex;flex-direction:column;gap:10px}.cube-info-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;color:#6d8398;text-transform:uppercase}.cube-info-title{font-size:20px;font-weight:700}.cube-paragraph{margin:0;line-height:1.7}.cube-bullet-list{display:flex;flex-direction:column;gap:8px}.cube-bullet-item{color:#27425c;line-height:1.6}.cube-chip-row{display:flex;flex-wrap:wrap;gap:8px}.cube-sequence-block{padding:10px 12px;border-radius:10px;background:#f5f8fc}@media(max-width:1180px){.workbench-shell{padding:8px}.wb-header,.wb-center-head,.cube-stage-meta,.cube-control-row{flex-direction:column;align-items:stretch}.wb-main{flex-direction:column;min-height:unset}.wb-left,.wb-right,.wb-center{width:100%;min-width:100%}.cube-net{grid-template-columns:repeat(2,minmax(120px,1fr))}.cube-move-grid{grid-template-columns:repeat(4,minmax(64px,1fr))}}@media(max-width:720px){.cube-net{grid-template-columns:repeat(1,minmax(120px,1fr))}.cube-move-grid{grid-template-columns:repeat(3,minmax(64px,1fr))}}.cube-orientation-note{margin-bottom:14px;padding:10px 12px;border-radius:12px;background:#fff9db;color:#6b5300;border:1px solid #f3d96b;line-height:1.6}.cube-guidance-group{display:flex;flex-direction:column;gap:8px}.cube-guidance-title{font-weight:700;color:#1e3b58}.cube-guidance-list{display:flex;flex-direction:column;gap:8px}.cube-guidance-item{line-height:1.65;color:#27425c}.cube-guidance-item-warning{color:#8a4a00}.cube-step-list{display:flex;flex-direction:column;gap:10px}.cube-step-card{display:flex;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f9fcff}.cube-step-card.is-current{border-color:#69b1ff;background:#eef6ff;box-shadow:inset 0 0 0 1px #0969da14}.cube-step-card.is-done{border-color:#b7eb8f;background:#f6ffed}.cube-step-index{width:28px;height:28px;flex-shrink:0;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#dcecff;color:var(--primary);font-weight:700}.cube-step-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.cube-step-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cube-step-move{font-size:14px;font-weight:700;color:#0f2a44}.cube-step-state{font-size:12px;color:var(--text-subtle)}.cube-step-note{line-height:1.65;color:#27425c}