:root{--robot-white: #FFFFFF;--robot-shell: #EEF1F6;--robot-yellow: #FFC72C;--robot-yellow-deep: #D99A00;--robot-blue: #1B6EF3;--robot-blue-deep: #0B4CBE;--robot-red: #E63A2E;--robot-red-deep: #B32319;--robot-wire: #FF8A3D;--rail: #20262F;--grass: #12B76A;--grass-deep: #0B8A50;--mono: "IBM Plex Mono", "Consolas", "Cascadia Mono", monospace;--sans: "Sarabun", "Noto Sans Thai", system-ui, sans-serif;--display: "Mali", "Sarabun", system-ui, sans-serif;--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--bg: #FFFCF3;--bg-grid: rgba(32, 38, 47, .055);--bg-2: #F6F8FC;--panel: #FFFFFF;--panel-2: #F2F5FA;--border: #EAEEF5;--text: #20262F;--text-dim: #68748A;--accent: #1B6EF3;--ok: #12B76A;--warn: #D99A00;--err: #E63A2E;--code-bg: #FFFFFF;--code-text: #2B3444;--header: #FFFFFF;--radius: 14px;--radius-lg: 22px;--lip: 4px;--btn-radius: 999px;--shadow-1: 0 2px 0 rgba(32, 38, 47, .05), 0 10px 24px -14px rgba(32, 38, 47, .4);--shadow-2: 0 3px 0 rgba(32, 38, 47, .06), 0 22px 44px -20px rgba(32, 38, 47, .45);--fs-base: 15px;--font: var(--sans)}[data-theme=kid]{--bg: #FFFCF3;--bg-grid: rgba(32, 38, 47, .055);--border: #EAEEF5;--radius: 14px;--radius-lg: 22px;--lip: 4px;--btn-radius: 999px;--fs-base: 15px}[data-theme=pro]{--bg: #EEF2F7;--bg-grid: rgba(17, 24, 38, .028);--bg-2: #F7F9FC;--panel: #FFFFFF;--panel-2: #F4F7FB;--border: #E4E9F1;--text: #141A24;--text-dim: #5A6679;--header: #FFFFFF;--radius: 10px;--radius-lg: 14px;--lip: 2px;--btn-radius: 10px;--shadow-1: 0 1px 2px rgba(17, 24, 38, .06), 0 6px 16px -12px rgba(17, 24, 38, .3);--shadow-2: 0 2px 4px rgba(17, 24, 38, .07), 0 16px 32px -18px rgba(17, 24, 38, .32);--fs-base: 14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg);background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:26px 26px;color:var(--text);font-family:var(--font);font-size:var(--fs-base);overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:.88em;font-weight:700;color:var(--text);background:var(--panel);border:0;border-radius:var(--btn-radius);padding:8px 16px;cursor:pointer;box-shadow:0 var(--lip) 0 #20262f24,var(--shadow-1);transition:transform .08s var(--ease-pop),box-shadow .08s,filter .15s,background .12s}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:translateY(calc(var(--lip) - 1px));box-shadow:0 1px #20262f24}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.primary{color:#fff;background:linear-gradient(180deg,#3A85FF,var(--robot-blue));box-shadow:0 var(--lip) 0 var(--robot-blue-deep),0 12px 24px -14px #1b6ef3cc}button.primary:active:not(:disabled){box-shadow:0 1px 0 var(--robot-blue-deep)}button.danger{color:#fff;background:linear-gradient(180deg,#F0574B,var(--robot-red));box-shadow:0 var(--lip) 0 var(--robot-red-deep),0 12px 24px -14px #e63a2eb3}button.danger:active:not(:disabled){box-shadow:0 1px 0 var(--robot-red-deep)}button.active{color:#fff;background:linear-gradient(180deg,#3A85FF,var(--robot-blue));box-shadow:0 var(--lip) 0 var(--robot-blue-deep)}.app{display:grid;grid-template-rows:44px 1fr;height:100%}.topbar{display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--header);border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:13px;line-height:1.1;padding:4px 10px;background:#2b3444;border-radius:6px;white-space:pre-line;text-align:center}.filechip{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text-dim)}.spacer{flex:1}.main{display:grid;grid-template-columns:210px minmax(320px,1fr) minmax(380px,1.05fr);gap:1px;background:var(--border);min-height:0}@media (max-width: 1200px){.main{grid-template-columns:180px 1fr 1fr}}.pane{background:var(--bg-2);min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.pane-head{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--panel);border-bottom:1px solid var(--border);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text-dim);flex-wrap:wrap}.pane-body{flex:1;overflow:auto;min-height:0}.sim-pane:fullscreen{width:100vw;height:100vh;background:var(--bg-2)}.sim-pane:-webkit-full-screen{width:100vw;height:100vh;background:var(--bg-2)}.sim-pane.sim-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:0}.sim-full-btn{padding:2px 9px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:#eef1f6;font-size:10.5px;font-weight:700;cursor:pointer;white-space:nowrap}.sim-full-btn:hover{border-color:var(--accent);color:#fff}.sim-fs-controls{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0f172adb;border:1px solid var(--border);box-shadow:0 10px 30px #02061799;opacity:.5;transition:opacity .18s ease;max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center}.sim-fs-controls:hover,.sim-fs-controls:focus-within{opacity:1}.sim-fs-controls.attention{opacity:1;transition:none;border-color:#ffc72c;box-shadow:0 10px 30px #02061799,0 0 0 2px #fbbf2473}.sim-fs-controls button{padding:7px 15px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.palette{padding:8px}.palette-search{position:sticky;top:0;z-index:5;background:var(--bg-2);padding:8px 8px 6px;border-bottom:1px solid var(--border)}.search-box{position:relative;display:flex;align-items:center}.search-box .icon{position:absolute;left:8px;font-size:12px;color:var(--text-dim);pointer-events:none}.search-box input{width:100%;padding:7px 26px;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-family:var(--sans);font-size:12px;font-weight:700;outline:none}.search-box input:focus{border-color:var(--accent);background:var(--panel-2)}.search-box input::placeholder{color:#68748a;font-weight:600}.search-box .clear{position:absolute;right:5px;padding:1px 5px;font-size:11px;line-height:1.3;border-radius:4px}.search-count{margin-top:5px;font-size:10.5px;font-weight:700;color:var(--text-dim)}.search-empty{padding:14px 10px;text-align:center;font-size:11.5px;font-weight:700;color:var(--text-dim);line-height:1.7}mark.hit{background:#ffc72c;color:#2b3444;border-radius:2px;padding:0 1px;font-weight:800}.cat{margin-bottom:6px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.cat-head{display:flex;align-items:center;gap:6px;padding:7px 9px;cursor:pointer;font-weight:800;font-size:11.5px;color:#fff;-webkit-user-select:none;user-select:none;letter-spacing:.01em}.cat-head .count{margin-left:auto;font-weight:800;font-size:10px;background:#0f172a59;border-radius:10px;padding:1px 7px}.cat-list{background:var(--panel);padding:4px}.pblock{display:block;width:100%;text-align:left;margin:3px 0;padding:6px 8px;border-radius:5px;border:1px solid var(--border);background:var(--panel-2);cursor:grab;font-family:var(--mono);font-size:11.5px;font-weight:700;line-height:1.35;color:#f7f9fc}.pblock:active{cursor:grabbing}.pblock .desc{display:block;font-family:var(--sans);font-size:10.5px;font-weight:700;color:#6b7789;margin-top:2px}.editor-wrap{position:relative;flex:1;overflow:auto;background:var(--code-bg);min-height:0}.editor-grid{display:grid;grid-template-columns:52px 1fr;min-height:100%;font-family:var(--mono);font-size:13px;line-height:20px}.gutter{background:#f7f9fc;color:#96a1b4;text-align:right;padding:8px 8px 8px 0;-webkit-user-select:none;user-select:none;border-right:1px solid #EEF1F6}.gutter-line{height:20px;position:relative}.gutter-line.current{background:#1b6ef329;color:var(--accent);font-weight:800}.gutter-line .mark{position:absolute;left:4px;font-size:11px}.gutter-line .mark.run{color:var(--accent);font-size:10px}.code-area{position:relative;padding:8px 0}.code-lines{position:relative;margin:0;padding:0 12px;white-space:pre;color:var(--code-text)}.code-line{height:20px;position:relative}.code-line.has-error{background:#fdecea}.code-line.has-warn{background:#fff7e4}.code-line.current{background:#1b6ef329;box-shadow:inset 3px 0 0 var(--accent)}.code-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:8px 12px;margin:0;border:0;outline:none;resize:none;overflow:hidden;background:transparent;color:transparent;caret-color:#20262f;white-space:pre}.code-input::selection{background:#1b6ef342;color:transparent}.code-input:not(:focus)::selection{background:transparent}.code-lines,.code-line,.code-input{font-family:var(--mono);font-size:13px;line-height:20px;font-weight:400;font-style:normal;letter-spacing:normal;word-spacing:normal;tab-size:2;-moz-tab-size:2;font-variant-ligatures:none;font-feature-settings:normal;text-transform:none}.code-area .code-input,.code-area .code-input:focus{background:transparent;box-shadow:none;border-radius:0}.editor-wrap:focus-within{box-shadow:inset 0 0 0 2px #1b6ef338}.tok-kw{color:#6d28d9;font-weight:600}.tok-fn{color:#e7c46a;font-weight:600}.tok-num{color:#0e7490}.tok-chr,.tok-str{color:#9be3c0}.tok-cmt{color:#96a1b4;font-style:italic}.tok-pun{color:#55606f}.drop-hint{padding:6px 12px;background:#f2f7ff;border-top:1px dashed #0B4CBE;color:#0b4cbe;font-size:11px;font-family:var(--sans)}.diags{max-height:190px;overflow:auto;border-top:1px solid var(--border);background:var(--panel)}.diag{display:flex;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);cursor:pointer;font-size:11.5px;line-height:1.5}.diag:hover{background:var(--panel-2)}.diag .badge{flex:none;padding:1px 6px;border-radius:4px;font-weight:700;font-size:10px;height:fit-content}.diag.error .badge{background:#fdecea;color:#b32319}.diag.warning .badge{background:#fff6e0;color:#8a6200}.diag.info .badge{background:#dce9ff;color:#0b4cbe}.diag .fix{color:var(--text-dim);white-space:pre-line}.diag .meta{color:#68748a;font-size:10px;margin-top:2px}.sim-wrap{flex:1;position:relative;background:#f4f7fb;display:flex;align-items:center;justify-content:center;min-height:0;padding:8px}.sim-canvas{max-width:100%;max-height:100%;border-radius:6px;background:#fff}.toolbar{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.seg{display:flex;gap:2px;background:var(--bg);border-radius:6px;padding:2px}.seg button{padding:3px 8px;border:0;background:transparent;border-radius:4px}.seg button.active{background:var(--accent);color:#fff}.chk{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.tabs{display:flex;gap:2px}.tabs button{border-radius:6px 6px 0 0}.insp{padding:8px;font-size:11.5px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.card{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:7px 9px}.card h4{margin:0 0 5px;font-size:10px;letter-spacing:.05em;color:var(--text-dim);text-transform:uppercase}.kv{display:flex;justify-content:space-between;gap:8px;padding:1px 0}.kv span:last-child{font-family:var(--mono);color:#fff}.sensorbar{display:flex;gap:2px;margin-top:4px}.sensorcell{flex:1;height:22px;border-radius:3px;border:1px solid var(--border);font-size:8px;display:flex;align-items:center;justify-content:center;color:#20262f;font-family:var(--mono)}.sensor-legend{display:flex;gap:10px;margin-top:5px;font-size:10px;color:var(--text-dim)}.sensor-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:3px}.timeline{font-family:var(--mono);font-size:11px}.ev{display:flex;gap:7px;padding:3px 6px;border-bottom:1px solid #F2F5FA}.ev .t{color:#68748a;flex:none;width:62px}.ev .k{flex:none;width:84px;font-size:10px}.ev.k-error .k,.ev.k-error .m{color:#b32319}.ev.k-warning .k,.ev.k-warning .m{color:#ffc72c}.ev.k-junction .k{color:#0e7490}.ev.k-spin .k,.ev.k-turn .k{color:#ff8a3d}.ev.k-servo .k{color:#6d28d9}.ev.k-grip .k,.ev.k-release .k{color:#0b8a50}.ev.k-mission .k{color:#0b4cbe}.ev .m{color:var(--text)}.cmdrow{display:grid;grid-template-columns:44px 1fr 70px 66px;gap:6px;padding:3px 6px;border-bottom:1px solid #F2F5FA;font-family:var(--mono);font-size:11px;cursor:pointer}.cmdrow:hover{background:var(--panel-2)}.cmdrow.cur{background:#dce9ff}.st{font-size:9.5px;padding:1px 4px;border-radius:3px;text-align:center}.st-COMPLETED{background:#e7f8ef;color:#0b8a50}.st-RUNNING{background:#dce9ff;color:#0b4cbe}.st-TIMEOUT{background:#fff6e0;color:#8a5200}.st-FAILED{background:#fdecea;color:#b32319}.st-QUEUED{background:#3a4557;color:#b7c0ce}.sim-wrap-3d{padding:0}.sim3d{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.sim3d-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.sim3d-canvas:active{cursor:grabbing}.sim3d-ctrl{position:absolute;left:8px;top:8px;display:flex;align-items:center;gap:6px}.sim3d-ctrl button{background:#0f172adb;border:1px solid #3A4557;color:#b7c0ce;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:600;cursor:pointer}.sim3d-ctrl button:hover{border-color:var(--accent);color:#fff}.sim3d-ctrl button.active{background:#0b4cbe;border-color:#1b6ef3;color:#fff}.sim3d-hint{font-size:10.5px;color:#68748a;background:#0f172ab3;padding:3px 7px;border-radius:5px}.score-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.score-big{font-size:34px;font-weight:800;line-height:1}.score-big .score-max{font-size:14px;font-weight:600;color:var(--text-dim);margin-left:6px}.score-grade{margin-left:auto;min-width:34px;text-align:center;color:#20262f;font-weight:800;font-size:18px;border-radius:6px;padding:3px 9px}.score-bar{height:7px;background:#f2f5fa;border-radius:4px;overflow:hidden}.score-bar i{display:block;height:100%;transition:width .2s}.score-percent{font-size:10.5px;color:var(--text-dim);margin:4px 0 8px}.score-row{display:flex;align-items:flex-start;gap:7px;padding:4px 2px;border-bottom:1px solid #F2F5FA;font-size:11.5px}.score-row .ic{flex:none;width:16px;text-align:center}.score-row .nm{flex:1;display:flex;flex-direction:column}.score-row .dt{color:var(--text-dim);font-size:10.5px}.score-row .pt{flex:none;font-weight:700;color:#12b76a;font-variant-numeric:tabular-nums}.score-row .pt.neg{color:#e63a2e}.score-row .pt em{color:var(--text-dim);font-weight:500;font-style:normal;font-size:10px}.mission-item{display:flex;align-items:flex-start;gap:7px;padding:4px 2px;border-bottom:1px solid #F2F5FA}.mission-item .ic{flex:none;width:16px;text-align:center}.mission-item .dt{color:var(--text-dim);font-size:10.5px}.banner{padding:7px 10px;border-radius:6px;margin:8px;font-weight:600;font-size:12px}.banner.ok{background:#e7f8ef;color:#0b8a50}.banner.err{background:#fdecea;color:#b32319}.banner.info{background:#dce9ff;color:#0b4cbe}.banner.warn{background:#fff6e0;color:#8a6200}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 60px #0000008c;display:flex;flex-direction:column;max-height:92vh;width:100%;max-width:720px;overflow:hidden}.modal-wide{max-width:1060px}.modal-head{display:flex;align-items:center;gap:10px;padding:13px 16px;background:var(--header);border-bottom:1px solid var(--border)}.modal-title{font-size:15px;font-weight:800}.modal-sub{font-size:11px;font-weight:700;color:var(--text-dim)}.modal-x{padding:3px 9px;font-size:14px;background:transparent;border-color:transparent}.modal-x:hover{background:#fdecea;border-color:#f3b7b1}.modal-body{flex:1;overflow:hidden;min-height:0;display:flex}.modal-foot{display:flex;align-items:center;gap:8px;padding:11px 16px;background:var(--header);border-top:1px solid var(--border)}.foot-note{font-size:12px;color:var(--text-dim)}.foot-note b{color:var(--text)}.field-modal{display:grid;grid-template-columns:210px 1fr}.field-side{border-right:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:6px;overflow:auto}.side-item{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:9px 11px;font-weight:700;font-size:12px;border-radius:7px}.side-item.active{background:var(--accent);border-color:#0b4cbe;color:#fff}.side-count{margin-left:auto;font-size:10px;font-weight:800;background:#0f172a66;border-radius:10px;padding:1px 7px}.side-note{margin-top:10px;padding:9px 11px;border-radius:7px;background:var(--panel);border:1px solid var(--border);font-size:11px;color:var(--text-dim);line-height:1.7}.side-note b{color:var(--text);font-size:11.5px}.side-actions{margin-top:auto;padding-top:10px}.side-actions button{width:100%;font-weight:700}.side-error{margin-top:8px;padding:8px 10px;border-radius:6px;background:#fdecea;border:1px solid #FDECEA;color:#b32319;font-size:11px;line-height:1.6}.field-main{padding:14px 16px;overflow:auto}.field-group-title{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--text-dim);text-transform:uppercase;margin:4px 0 8px}.field-group-title:not(:first-child){margin-top:18px}.field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.field-card{position:relative;border:2px solid var(--border);border-radius:9px;overflow:hidden;cursor:pointer;background:var(--panel);transition:border-color .12s,transform .12s}.field-card:hover{border-color:#c9d6ea;transform:translateY(-2px)}.field-card.sel{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f640}.field-thumb{display:block;width:100%;height:118px;background:#fff}.field-card-info{padding:7px 9px;background:var(--panel-2)}.field-card-name{font-size:11.5px;font-weight:800;line-height:1.4}.field-card-size{font-size:10.5px;font-weight:700;color:var(--text-dim);margin-top:2px}.field-card-tick{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}.field-card-tools{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .12s}.field-card:hover .field-card-tools{opacity:1}.field-card-tools button{padding:2px 7px;font-size:11px}.field-empty{padding:50px 20px;text-align:center;color:var(--text-dim);font-weight:700;font-size:13px;line-height:2}.field-empty span{font-size:11.5px;font-weight:600}.manual-search{position:relative;display:flex;align-items:center}.manual-search .icon{position:absolute;left:8px;font-size:12px;color:var(--text-dim);pointer-events:none}.manual-search input{width:260px;padding:6px 10px 6px 26px;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-family:var(--sans);font-size:12px;font-weight:700;outline:none}.manual-search input:focus{border-color:var(--accent)}.manual-body{display:grid;grid-template-columns:250px 1fr}.manual-toc{border-right:1px solid var(--border);padding:10px 8px;overflow:auto;background:var(--bg-2)}.toc-group{margin:12px 8px 5px;font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--text-dim);text-transform:uppercase}.toc-group:first-child{margin-top:2px}.toc-item{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:7px 9px;margin:2px 0;border:0;background:transparent;border-radius:6px;font-size:12px;font-weight:700;color:var(--text)}.toc-item:hover{background:var(--panel-2)}.toc-item.active{background:var(--accent);color:#fff}.toc-ic{flex:none;width:16px;text-align:center}.manual-content{padding:20px 28px 40px;overflow:auto;max-width:900px}.manual-h1{margin:0 0 14px;font-size:21px;font-weight:800;color:#fff}.manual-h2{margin:22px 0 8px;font-size:14.5px;font-weight:800;color:#0b4cbe;padding-bottom:5px;border-bottom:1px solid var(--border)}.manual-p{margin:9px 0;font-size:13px;line-height:1.95;color:#b7c0ce}.manual-p code,.manual-content>p code{background:var(--bg);padding:1px 5px;border-radius:3px;font-family:var(--mono);font-size:12px;color:#ffc72c}.manual-list,.manual-steps{margin:9px 0;padding-left:24px;font-size:13px;line-height:2;color:#b7c0ce}.manual-steps li{padding-left:4px}.manual-list li::marker{color:var(--accent)}.manual-steps li::marker{color:var(--accent);font-weight:800}.manual-code{margin:12px 0;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.code-cap{padding:5px 12px;background:var(--panel);font-size:10.5px;font-weight:800;color:var(--text-dim)}.manual-code pre{margin:0;padding:12px 14px;background:#fff;font-family:var(--mono);font-size:12px;line-height:1.75;color:#eef1f6;overflow-x:auto}.manual-note{display:flex;gap:9px;margin:12px 0;padding:10px 13px;border-radius:8px;font-size:12.5px;line-height:1.85;border-left:3px solid}.note-ic{flex:none}.note-info{background:#edf2fa;border-color:var(--accent);color:#0b4cbe}.note-warn{background:#fff6e0;border-color:var(--warn);color:#8a6200}.note-ok{background:#e7f8ef;border-color:var(--ok);color:#0b8a50}.manual-table-wrap{overflow-x:auto;margin:12px 0}.manual-table{width:100%;border-collapse:collapse;font-size:12px}.manual-table th{text-align:left;padding:8px 11px;background:var(--panel);color:var(--text-dim);font-weight:800;font-size:11px;border-bottom:1px solid var(--border);white-space:nowrap}.manual-table td{padding:8px 11px;border-bottom:1px solid #F2F5FA;line-height:1.75;color:#b7c0ce;vertical-align:top}.manual-table code{font-family:var(--mono);color:#ffc72c}.manual-table .ok{color:#12b76a;font-weight:700}.manual-table .no{color:#e63a2e;font-weight:700}.manual-table tr.row-off td{opacity:.55}.manual-table.cmp td:not(:first-child){font-family:var(--mono);color:#fff}.cmp-sub{font-size:9.5px;font-weight:700;color:var(--text-dim);margin-top:2px}.cmd-list{margin:12px 0}.cmd-cat{padding:7px 12px;border-radius:7px 7px 0 0;font-size:11.5px;font-weight:800;color:#fff}.cmd-card{padding:11px 13px;border:1px solid var(--border);border-top:0;background:var(--panel)}.cmd-card:last-child{border-radius:0 0 7px 7px}.cmd-card.blocked{opacity:.55;background:#f2f5fa}.cmd-head{display:flex;align-items:center;gap:8px}.cmd-sig{font-family:var(--mono);font-size:13px;font-weight:700;color:#ffc72c}.cmd-x{padding:1px 7px;border-radius:4px;background:#fdecea;color:#b32319;font-size:9.5px;font-weight:800}.cmd-desc{margin-top:4px;font-size:12.5px;line-height:1.8;color:#eef1f6}.cmd-params{margin:7px 0 0}.cmd-param{display:grid;grid-template-columns:120px 1fr 1fr;gap:8px;padding:3px 0;font-size:11px;border-bottom:1px solid #F2F5FA}.cmd-param .pname{font-family:var(--mono);color:#0e7490}.cmd-param .pth{color:var(--text-dim)}.cmd-param .prange{font-family:var(--mono);color:#96a1b4;text-align:right}.cmd-ex{margin-top:7px}.cmd-ex code{display:block;padding:6px 10px;background:#fff;border-radius:5px;font-family:var(--mono);font-size:11.5px;color:#0e7490;white-space:pre-wrap}.cmd-warn{margin-top:6px;font-size:11px;line-height:1.7;color:#ffc72c}.cmd-src{margin-top:6px;font-size:10px;line-height:1.7;color:#68748a}.act-group{margin:16px 0}.act-title{font-size:12px;font-weight:800;color:#0b4cbe}.act-src{font-size:10px;color:#68748a}.modal-robot{max-width:880px}.robot-body{display:grid;grid-template-columns:260px 1fr}.robot-cards{padding:12px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:10px;overflow:auto}.robot-card{position:relative;display:block;width:100%;text-align:left;padding:0 0 9px;border:2px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel);cursor:pointer;transition:transform .12s,border-color .12s}.robot-card:hover{transform:translateY(-2px)}.robot-card.sel{box-shadow:0 0 0 3px #3b82f638}.robot-badge{position:absolute;top:7px;left:7px;z-index:2;padding:2px 8px;border-radius:10px;font-size:9.5px;font-weight:800;color:#fff}.robot-inuse{position:absolute;top:7px;right:7px;z-index:2;padding:2px 8px;border-radius:10px;font-size:9.5px;font-weight:800;background:#e7f8ef;color:#0b8a50}.robot-photo{height:120px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.robot-photo img{max-width:100%;max-height:100%;object-fit:contain}.robot-card-name{padding:8px 10px 0;font-size:14px;font-weight:800}.robot-card-sub{padding:2px 10px 0;font-size:10.5px;font-weight:700;color:var(--text-dim)}.robot-spec{padding:14px 16px;overflow:auto}.spec-title{font-size:15px;font-weight:800}.spec-desc{margin:5px 0 12px;font-size:12px;line-height:1.7;color:var(--text-dim)}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.spec-row{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #F2F5FA;font-size:11.5px}.spec-row span:first-child{color:var(--text-dim);font-weight:700}.spec-row span:last-child{font-family:var(--mono);color:#fff;text-align:right}.spec-cmd{margin-top:14px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.spec-cmd-head{font-size:12px;font-weight:700;margin-bottom:7px}.spec-cmd-head b{color:#12b76a;font-size:14px}.spec-cmd-row{display:flex;gap:8px;padding:4px 0;font-size:10.5px;font-family:var(--mono);line-height:1.7;color:var(--text-dim)}.tag{flex:none;height:fit-content;padding:1px 7px;border-radius:4px;font-family:var(--sans);font-weight:800;font-size:9.5px}.tag-ok{background:#e7f8ef;color:#0b8a50}.tag-no{background:#fdecea;color:#b32319}.robot-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;border:1px solid var(--border);background:var(--panel);cursor:pointer;font-size:12px;font-weight:700}.robot-chip:hover{border-color:#c9d6ea}.robot-chip i{width:8px;height:8px;border-radius:50%;display:inline-block}.modal-full{max-width:none;width:calc(100vw - 40px);height:calc(100vh - 40px);max-height:none}.ed-topbar{display:flex;align-items:center;gap:5px;margin-left:14px;flex-wrap:wrap}.ed-lbl{font-size:11px;font-weight:700;color:var(--text-dim)}.ed-x{color:var(--text-dim)}.ed-num{width:62px;padding:4px 6px;border-radius:5px;border:1px solid var(--border);background:var(--panel);color:#fff;font-family:var(--mono);font-size:11.5px;font-weight:700}.ed-zoom{min-width:46px;text-align:center;font-size:11px;font-weight:700;color:var(--text-dim)}.ed-sel{padding:4px 6px;border-radius:5px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-family:var(--sans);font-size:11px;font-weight:700}.ed-body{display:grid;grid-template-columns:52px 1fr 250px}.ed-tools{display:flex;flex-direction:column;gap:5px;padding:10px 7px;border-right:1px solid var(--border);background:var(--panel)}.ed-tool{width:38px;height:38px;font-size:17px;display:flex;align-items:center;justify-content:center;border-radius:8px}.ed-tool.active{background:var(--accent);border-color:#0b4cbe}.ed-canvas-wrap{position:relative;overflow:hidden;background:#f4f7fb;min-width:0}.ed-canvas{display:block;width:100%;height:100%;touch-action:none}.ed-canvas.tool-pan{cursor:grab}.ed-canvas.tool-line,.ed-canvas.tool-rect{cursor:crosshair}.ed-canvas.tool-erase{cursor:cell}.ed-canvas.tool-start,.ed-canvas.tool-finish,.ed-canvas.tool-cube,.ed-canvas.tool-drop{cursor:copy}.ed-status{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:5px 12px;background:#0f172ae0;border-top:1px solid var(--border);font-family:var(--mono);font-size:10.5px;color:var(--text-dim)}.ed-status .ed-status-zone{color:#ffc72c;white-space:nowrap}.ed-side{border-left:1px solid var(--border);padding:12px;overflow:auto;display:flex;flex-direction:column;gap:7px;background:var(--bg-2)}.ed-side>button{font-weight:700}.ed-text{width:100%;padding:7px 9px;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:#fff;font-family:var(--sans);font-size:12px;font-weight:700;outline:none}.ed-text:focus{border-color:var(--accent)}.ed-sec{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:10.5px;font-weight:800;letter-spacing:.03em;color:var(--text-dim);text-transform:uppercase}.ed-tpl{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ed-tpl button{font-size:11px;font-weight:700;padding:7px 4px}.ed-tpl button:first-child{grid-column:1 / -1}.ed-row{display:flex;align-items:center;gap:8px}.ed-row input[type=range]{flex:1}.ed-row2{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ed-row2 button{font-size:11px;font-weight:700}.ed-hint{font-size:10.5px;line-height:1.6;color:#68748a}.ed-ok{padding:8px 10px;border-radius:6px;background:#e7f8ef;color:#0b8a50;font-size:11.5px;font-weight:700;line-height:1.6}.ed-err{padding:8px 10px;border-radius:6px;background:#fdecea;border:1px solid #FDECEA;color:#b32319;font-size:11.5px;font-weight:700;line-height:1.6}.ed-issues{margin:0;padding-left:18px;font-size:11px;line-height:1.7;color:#ffc72c}.ed-issues li{margin-bottom:4px}.ed-sel.wide,.ed-num.wide{width:100%}.ed-prop{display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid #E7EBF2;border-radius:7px;background:#f6f8fc}.ed-prop-head{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#eef1f6;margin-bottom:2px}.ed-prop-head i{width:12px;height:12px;border-radius:3px;border:1px solid #20262F;flex:none}.ed-prop .ed-lbl{margin-top:2px}.ed-size{display:flex;align-items:center;gap:6px}.ed-size .ed-num{flex:1;min-width:0}.ed-checks{display:flex;flex-wrap:wrap;gap:5px}.ed-check{display:flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid var(--border);border-radius:5px;background:var(--panel);font-size:11px;font-weight:700;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.ed-check.on{border-color:var(--accent);color:#fff;background:#edf2fa}.ed-check i{width:10px;height:10px;border-radius:2px;border:1px solid #20262F;flex:none}.ed-check input{margin:0}.ed-pairs{display:flex;flex-direction:column;gap:4px}.ed-pair{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #E7EBF2;border-radius:6px;background:#f6f8fc;font-size:11px;cursor:pointer}.ed-pair:hover{border-color:var(--accent)}.ed-pair.on{border-color:var(--accent);background:#edf2fa}.ed-pair .nm{flex:1;font-weight:700;color:#ffc72c}.ed-pair .cubes{display:flex;gap:3px;align-items:center}.ed-pair .cubes b{min-width:17px;text-align:center;padding:1px 4px;border-radius:4px;color:#fff;font-size:10.5px;font-weight:800}.ed-pair .cubes em{color:#e63a2e;font-style:normal;font-size:10.5px}.blockcanvas{padding:8px}.bblock{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0;padding:6px 8px;border-radius:6px;border-left:4px solid var(--accent);background:var(--panel);border:1px solid var(--border);font-family:var(--mono);font-size:12px}.bblock.raw{border-left-color:#68748a;background:#f2f5fa;color:var(--text-dim)}.bblock .bname{font-weight:700}.bblock input{width:62px;padding:2px 5px;border-radius:4px;border:1px solid var(--border);background:var(--bg);color:#fff;font-family:var(--mono);font-size:11px}.bblock input.bad{border-color:var(--err);background:#fdecea}.bblock .argname{font-family:var(--sans);font-size:10px;color:var(--text-dim)}.bblock .del{margin-left:auto;padding:1px 6px;font-size:11px}.dropzone{border:2px dashed var(--border);border-radius:8px;padding:12px;text-align:center;color:var(--text-dim);margin:8px 0;font-size:11.5px}.dropzone.over{border-color:var(--accent);background:#edf2fa;color:#0b4cbe}.blockcanvas.skin-classic .bblock{border-left-color:var(--blk)}.blockcanvas.skin-classic .bblock .bname{color:var(--blk)}.blockcanvas .bblock.done{opacity:.55}.blockcanvas .bblock.active{position:relative;z-index:3;opacity:1}.blockcanvas.skin-classic .bblock.active{background:#fff6e0;border-color:#ffc72c;outline:2px solid #FFC72C;box-shadow:0 0 12px #fbbf2473}.blockcanvas.skin-jigsaw .bblock.active{background:var(--blk-hi);filter:drop-shadow(2px 0 0 #FFC72C) drop-shadow(-2px 0 0 #FFC72C) drop-shadow(0 2px 0 #FFC72C) drop-shadow(0 -2px 0 #FFC72C) drop-shadow(0 0 9px rgba(251,191,36,.75))}@keyframes bblock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.blockcanvas.running .bblock.active{animation:bblock-pulse .9s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.blockcanvas.running .bblock.active{animation:none}}.blockcanvas.skin-jigsaw{padding:10px 8px 8px}.blockcanvas.skin-jigsaw .bblock,.blockcanvas.skin-jigsaw .bhat{clip-path:polygon(0 0,18px 0,24px 9px,38px 9px,44px 0,100% 0,100% calc(100% - 9px),44px calc(100% - 9px),38px 100%,24px 100%,18px calc(100% - 9px),0 calc(100% - 9px))}.blockcanvas.skin-jigsaw .bblock{margin:-9px 0 0;padding:13px 12px 18px;gap:8px;border:0;border-radius:0;background:var(--blk);color:#fff;font-family:var(--sans);font-size:12px;font-weight:700;cursor:grab;filter:drop-shadow(0 1px 0 rgba(15,23,42,.55))}.blockcanvas.skin-jigsaw .bblock:active{cursor:grabbing}.blockcanvas.skin-jigsaw .bblock.grabbed,.blockcanvas.skin-classic .bblock.grabbed{opacity:.4}.blockcanvas.skin-jigsaw .bblock .bname{color:#fff;font-weight:800;font-family:var(--mono);text-shadow:0 1px 1px rgba(15,23,42,.45)}.blockcanvas.skin-jigsaw .bblock .argname{color:#ffffffd9;font-weight:700}.blockcanvas.skin-jigsaw .bblock input{border-radius:999px;border:2px solid rgba(15,23,42,.25);background:#fff;color:#20262f;font-weight:800;text-align:center;padding:2px 8px}.blockcanvas.skin-jigsaw .bblock input.bad{border-color:#fdecea;background:#fdecea;color:#fdecea}.blockcanvas.skin-jigsaw .bblock .del button{border-radius:999px;border:0;background:#0f172a47;color:#fff;font-weight:800;cursor:pointer}.blockcanvas.skin-jigsaw .bblock .del button:hover{background:#0f172a80}.blockcanvas.skin-jigsaw .bblock.raw{background:#55606f;color:#eef1f6;font-family:var(--mono);font-size:11px}.blockcanvas.skin-jigsaw .bblock.raw .braw{color:#fff;font-weight:800}.blockcanvas.skin-jigsaw .bblock.raw .argname{color:#b7c0ce;font-weight:600}.bhat{display:none}.blockcanvas.skin-jigsaw .bhat{display:block;margin:0;padding:11px 14px 19px;background:linear-gradient(180deg,#d99a00,#b07300);color:#41310a;font-family:var(--sans);font-size:12.5px;font-weight:800;letter-spacing:.01em;filter:drop-shadow(0 1px 0 rgba(15,23,42,.55))}.blockcanvas.skin-jigsaw .bhat b{font-family:var(--mono)}.bgap{height:34px;display:flex;align-items:center;padding:0 4px;pointer-events:none}.bline{display:block;width:100%;height:6px;border-radius:999px;background:#ffc72c;box-shadow:0 0 0 2px #fbbf244d,0 0 12px #fbbf248c;animation:bline-in .12s ease-out}@keyframes bline-in{0%{transform:scaleX(.25);opacity:0}to{transform:scaleX(1);opacity:1}}.blockcanvas.skin-jigsaw .bgap{height:43px;padding:0 10px}.btrash{margin:10px 0 4px;padding:12px;border:2px dashed #FDECEA;border-radius:10px;text-align:center;font-size:11.5px;font-weight:700;color:#b32319;background:#7f1d1d26}.btrash.over{border-color:#e63a2e;background:#fdecea;color:#fff}.palette.skin-jigsaw .cat-list{padding:6px 4px 10px}.palette.skin-jigsaw .pblock{margin:0 0 5px;padding:12px 10px 17px;border:0;border-radius:0;background:var(--blk-soft);color:#20262f;font-family:var(--sans);clip-path:polygon(0 0,16px 0,21px 8px,33px 8px,38px 0,100% 0,100% calc(100% - 8px),38px calc(100% - 8px),33px 100%,21px 100%,16px calc(100% - 8px),0 calc(100% - 8px));filter:drop-shadow(0 1px 0 rgba(15,23,42,.5))}.palette.skin-jigsaw .pblock>span:first-child{font-family:var(--mono);font-weight:800;color:#20262f;text-shadow:none}.palette.skin-jigsaw .pblock .desc{color:#0f172ab8;font-weight:600}.palette.skin-jigsaw .pblock mark.hit{background:#fff6e0;color:#8a6200}.palette.skin-jigsaw .pblock:hover{background:var(--blk);color:#fff}.palette.skin-jigsaw .pblock:hover>span:first-child{color:#fff}.palette.skin-jigsaw .pblock:hover .desc{color:#ffffffeb}.skin-toggle{padding:2px 9px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:#eef1f6;font-size:10.5px;font-weight:700;cursor:pointer}.skin-toggle:hover{border-color:var(--accent);color:#fff}.tip{padding:8px 10px;color:var(--text-dim);font-size:11px;line-height:1.6}.hint-box{margin:8px;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;font-size:11.5px;line-height:1.6}.hint-box code{background:var(--bg);padding:1px 4px;border-radius:3px;font-family:var(--mono)}.app{grid-template-rows:56px 1fr}[data-theme=pro] .app{grid-template-rows:52px 1fr}.topbar{gap:12px;padding:0 16px;border-bottom:0;box-shadow:0 1px 0 var(--border),0 8px 20px -18px #141a24cc;position:relative;z-index:5}.brand{font-family:var(--display);font-size:13px;font-weight:700;padding:6px 12px;background:var(--rail);color:var(--robot-yellow);border-radius:12px;box-shadow:inset 0 -3px #00000073}.pane{background:transparent;border-radius:var(--radius-lg);overflow:hidden}.main{background:transparent;gap:12px;padding:12px}.pane-head{background:var(--panel);border-bottom:1px solid var(--border);font-size:.74em;letter-spacing:.06em}.pane,.filechip,.sim-wrap{box-shadow:var(--shadow-1)}[data-theme=kid] .filechip{border-color:transparent}.seg{background:var(--panel-2);border-radius:999px;padding:3px;gap:3px}.seg button{border-radius:999px;padding:5px 13px;background:transparent;box-shadow:none;color:var(--text-dim)}.seg button:active:not(:disabled){transform:none}.seg button.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow-1)}[data-theme=pro] .seg,[data-theme=pro] .seg button{border-radius:8px}.sim-wrap{background:var(--panel);border-radius:var(--radius-lg);padding:12px}.sim-canvas{border-radius:12px;box-shadow:0 1px 0 var(--border)}input[type=text],input[type=password],input[type=number],input:not([type]),select,textarea{font-family:inherit;border-radius:12px;border:0;background:var(--bg-2);color:var(--text);box-shadow:inset 0 -3px #20262f12;outline:none;transition:box-shadow .15s,background .15s}input:focus,select:focus,textarea:focus{background:var(--panel);box-shadow:inset 0 -3px 0 var(--accent),0 0 0 4px #1b6ef329}[data-theme=pro] input,[data-theme=pro] select,[data-theme=pro] textarea{border-radius:8px;box-shadow:inset 0 0 0 1px var(--border)}[data-theme=pro] input:focus,[data-theme=pro] select:focus,[data-theme=pro] textarea:focus{box-shadow:inset 0 0 0 1px var(--accent),0 0 0 3px #1b6ef324}*{scrollbar-width:thin;scrollbar-color:#C9D2E0 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#c9d2e0;border:3px solid transparent;background-clip:content-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#a7b3c5;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}[data-theme=kid] h1,[data-theme=kid] h2{font-family:var(--display)}.grade{border-radius:12px;color:#fff;box-shadow:0 3px #20262f2e}.g-S{background:linear-gradient(180deg,#FFD558,var(--robot-yellow));color:#41310a;box-shadow:0 3px 0 var(--robot-yellow-deep)}.g-A{background:linear-gradient(180deg,#34D399,var(--grass));box-shadow:0 3px 0 var(--grass-deep)}.g-B{background:linear-gradient(180deg,#3A85FF,var(--robot-blue));box-shadow:0 3px 0 var(--robot-blue-deep)}.g-C{background:linear-gradient(180deg,#FFA766,var(--robot-wire));box-shadow:0 3px #c2621f}.g-D{background:linear-gradient(180deg,#a9b4c4,#8b98ab);box-shadow:0 3px #6c798c}.join-screen{height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(1200px 600px at 50% -10%,#DCE9FF,transparent),var(--bg);overflow:auto}.join-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px 26px 22px;box-shadow:0 20px 50px #20262f14;text-align:center}.join-logo{font-size:46px;line-height:1;margin-bottom:6px}.join-card h1{font-size:20px;margin:0 0 6px}.join-sub{color:var(--text-dim);font-size:13px;margin:0 0 20px;line-height:1.7}.join-field{display:block;text-align:left;margin-bottom:14px}.join-field>span{display:block;font-size:11px;font-weight:700;color:var(--text-dim);margin-bottom:5px;letter-spacing:.04em}.join-field input{width:100%;padding:12px 14px;font-family:inherit;font-size:16px;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:10px;outline:none}.join-field input:focus{border-color:var(--accent)}.join-field input:disabled{opacity:.6}.pin-input{text-align:center;font-size:30px!important;letter-spacing:12px;font-weight:700;font-family:var(--mono)!important;padding-left:24px!important}.join-error{background:#fdecea;border:1px solid #F3B7B1;border-radius:8px;padding:9px 12px;font-size:12px;margin-bottom:12px;text-align:left}.join-go{width:100%;padding:13px;font-size:16px!important;border-radius:10px}.join-note{color:var(--text-dim);font-size:11.5px;margin:14px 0 0;line-height:1.7}.join-note code{background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:var(--mono)}.global-notice{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:60;background:#fff6e0;border:1px solid #E7C46A;border-radius:8px;padding:8px 16px;font-size:12.5px;box-shadow:0 8px 24px #20262f1a}.loading-pane{display:grid;place-items:center;height:100%;color:var(--text-dim);font-size:14px}.mascot{animation:mascot-bob 2.8s ease-in-out infinite}@keyframes mascot-bob{50%{transform:translateY(-9px) rotate(-1.2deg)}}.mascot-wheel{animation:mascot-spin 1.8s linear infinite}@keyframes mascot-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.mascot,.mascot-wheel{animation:none}}.join-screen{background:radial-gradient(1100px 560px at 50% -8%,rgba(255,199,44,.22),transparent),var(--bg);background-attachment:fixed}.join-card{width:min(460px,100%);border:0;border-radius:30px;padding:22px 28px 26px;box-shadow:var(--shadow-2)}.join-logo{font-size:0;margin-bottom:0}.join-card h1{font-size:28px;margin:2px 0 6px}.join-sub{font-size:15px;margin:0 0 22px}.join-field>span{font-size:12px;letter-spacing:.02em;margin-bottom:7px}.join-field input{padding:14px 16px;font-size:17px;font-weight:600;border:0;border-radius:16px;background:var(--bg-2);box-shadow:inset 0 -4px #20262f12}.join-field input:focus{background:var(--panel);box-shadow:inset 0 -4px 0 var(--accent),0 0 0 4px #1b6ef329}.pin-input{font-size:40px!important;letter-spacing:16px;padding-left:32px!important}.join-error{border:0;border-radius:14px;padding:11px 14px;font-size:13px;font-weight:600;color:#b32319}.join-go{width:100%;padding:16px!important;font-size:18px!important;border-radius:999px;margin-top:6px}.join-note{font-size:13px;margin-top:16px}.sol-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#1118268c;display:grid;place-items:center;padding:20px;overflow:auto}.hint{color:var(--text-dim);font-size:11.5px;line-height:1.75;margin:6px 0 0}