:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#242b36;background:#f6f7f9;font-size:14px;font-synthesis:none;--blue:#285ed6;--border:#e2e5eb;--mono:"SFMono-Regular",Consolas,"BIZ UDGothic",Meiryo,monospace;--code-size:16px;--line-height:44px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:white;border:1px solid #d9dee7;border-radius:7px;color:#354052;font-weight:600;padding:9px 14px;white-space:nowrap}button:hover{background:#f0f3f8;border-color:#b8c3d4}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #719af1;outline-offset:2px}.header{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:22px;padding:0 38px;background:white}.brand{display:flex;align-items:center;gap:11px;color:#202c40;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:.035em}.brand-icon{color:var(--blue);font-family:var(--mono);font-size:22px;letter-spacing:-6px;padding-right:5px}.brand-icon span{color:#778395}.subtitle{color:#7c8595;font-size:12px;border-left:1px solid var(--border);padding-left:22px}.header>button{margin-left:auto}.text-button{border:0;background:transparent;padding:7px 9px;font-size:13px;font-weight:500;color:#6a7484}.text-button:hover{background:#edf1f7}.icon-button{padding:7px 9px;background:transparent;border:0;font-size:22px;font-weight:400;line-height:1}.icon-button span{font-size:12px}.muted{color:#8a93a2;font-size:12px}.small{font-size:12px}main{max-width:1700px;margin:auto;padding:0 38px}.topbar{height:65px;display:flex;align-items:center;justify-content:space-between;gap:12px}.document-name{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.document-name .muted{margin-left:8px;font-weight:400}.file-dot{width:8px;height:8px;border:2px solid #9aa5b5;border-radius:50%}.document-actions{display:flex;gap:12px}.workspace{display:grid;grid-template-columns:minmax(480px,1.5fr) minmax(345px,1fr);gap:22px;align-items:start}.editor-panel,.result-panel{border:1px solid var(--border);border-radius:12px;background:white;overflow:hidden;box-shadow:0 3px 14px #202c4003}.panel-heading{display:flex;justify-content:space-between;align-items:center;min-height:65px;padding:0 22px;border-bottom:1px solid var(--border)}h1,h2,h3,p{margin:0}h1,h2{font-size:14px;font-weight:650}.heading-right{display:flex;align-items:center;gap:12px}select{font-size:12px;max-width:235px;color:#5f6d80;background:#f6f8fb;border:1px solid var(--border);padding:8px 26px 8px 10px;border-radius:6px}.conditions{display:flex;align-items:center;gap:12px;padding:13px 20px;background:#fcfcfd;border-bottom:1px solid var(--border)}.conditions label{font-size:11px;color:#747f8e;white-space:nowrap}.conditions input{font-size:12px;width:100%;min-width:30px;border:0;outline:none;background:transparent;color:#45536a;padding:5px 0}.conditions input::placeholder{color:#a3aab5}.base-label{font-family:var(--mono);background:#edf2fd;border-radius:4px;padding:4px 7px;font-size:11px;white-space:nowrap;color:#49679b}.base-label.invalid{background:#fff0ed;color:#bb4435}.code-shell{height:clamp(355px,48vh,630px);display:flex;position:relative;background:#fff;overflow:hidden;padding-top:19px}.gutter{width:55px;flex-shrink:0;overflow:hidden;user-select:none;text-align:right;color:#b0b6c1;font:12px/var(--line-height) var(--mono);padding:0 15px 19px 0}.gutter div{height:var(--line-height)}.gutter div.current{color:var(--blue);font-weight:700}.code-area{flex:1;position:relative;overflow:hidden}.code-area textarea{position:relative;display:block;width:100%;height:100%;resize:none;border:0;background:transparent;color:#26354d;outline:none!important;border-radius:0;font:var(--code-size)/var(--line-height) var(--mono);tab-size:2;padding:0 24px 18px 7px;white-space:pre;overflow:auto;letter-spacing:.01em}.active-line{position:absolute;left:0;right:0;background:#edf3ff;border-left:3px solid #6c94e8;height:var(--line-height);pointer-events:none}.editor-footer{display:flex;gap:15px;justify-content:space-between;font-size:10px;color:#9ba3b0;padding:10px 20px;border-top:1px solid #f0f1f4}.editor-footer #paste-notice{color:#7485a2;margin-right:auto}.input-panel{border-top:1px solid var(--border);padding:15px 21px 16px;display:flex;gap:20px;align-items:flex-start;background:#fcfcfd}.input-panel label{font-size:11px;color:#6c788a;min-width:78px;padding-top:6px}.input-panel label span{display:block;color:#a0a8b4;font-size:10px;margin-top:5px}.input-panel textarea{width:100%;background:#fff;border:1px solid var(--border);border-radius:5px;font:12px/1.8 var(--mono);padding:5px 9px;resize:vertical;min-height:50px;max-height:180px}.input-panel textarea::placeholder{color:#abb2be}.execution-toolbar{height:65px;display:flex;align-items:center;gap:9px;padding:0 19px;border-bottom:1px solid var(--border)}button.primary{background:var(--blue);color:white;border-color:var(--blue);min-width:115px;box-shadow:0 2px 3px #285ed615}.primary:hover{background:#2052bd}.shortcut{font-size:10px;font-weight:400;opacity:.6;margin-left:5px}.execution-toolbar #reset{margin-left:auto;color:#7e8a9d}.run-status{display:flex;align-items:center;gap:7px;padding:13px 22px;color:#7f8999;font-size:11px;background:#fcfcfd;border-bottom:1px solid #eef0f4}.status-dot{width:6px;height:6px;background:#aeb7c4;border-radius:50%}.status-dot.done{background:#33a17d}.status-dot.error{background:#d45945}.status-dot.running{background:#3974dc}.run-status #step-count{margin-left:auto;font-family:var(--mono);font-size:10px}.result-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 12px}.result-heading h2{font-size:12px;color:#68758a}.output-section{min-height:215px;border-bottom:1px solid var(--border)}.output{font:13px/2.05 var(--mono);padding:0 22px 22px;overflow:auto;max-height:340px;white-space:pre-wrap;overflow-wrap:anywhere;color:#263851}.output>div{padding:0 0 2px;min-height:26px}.empty{font-family:-apple-system,BlinkMacSystemFont,Meiryo,sans-serif;color:#adb4bf;font-size:12px;font-weight:400;padding:14px 0 25px;line-height:1.7}.variables-section{min-height:220px}#variables{padding:0 22px 20px;max-height:420px;overflow:auto}.variable{padding:11px 0;border-bottom:1px solid #f0f2f6;display:grid;grid-template-columns:minmax(70px,.7fr) minmax(0,1.5fr);gap:10px;align-items:start}.variable:last-child{border-bottom:0}.var-name{font:12px/25px var(--mono);overflow-wrap:anywhere;color:#53627a}.var-value{font:13px/25px var(--mono);overflow-wrap:anywhere;color:#253750}.var-value.changed{animation:flash 1.2s ease-out}.array{display:flex;gap:5px;flex-wrap:wrap}.array-cell{display:flex;flex-direction:column;align-items:center;min-width:37px;border:1px solid #e5e9f0;border-radius:5px;background:#fafbfd;line-height:22px}.array-index{font-size:9px;color:#a2aab7;border-bottom:1px solid #edf0f4;width:100%;text-align:center;line-height:17px}.array-value{padding:1px 7px}.error{margin:2px 18px 14px;padding:12px 14px;color:#a44435;border:1px solid #efd5ce;border-radius:7px;background:#fff7f4;font-size:12px;line-height:1.8;white-space:pre-wrap}.page-footer{display:flex;justify-content:space-between;gap:15px;padding:17px 2px 28px;font-size:10px;color:#9aa3b2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--border);border-radius:13px;padding:0;max-width:590px;width:calc(100% - 40px);max-height:85vh;box-shadow:0 20px 90px #24365325;color:#354052}dialog::backdrop{background:#25334b55;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--border)}.dialog-heading h2{font-size:17px}.dialog-content{padding:0 25px 25px;overflow:auto}.dialog-content h3{font-size:13px;margin:23px 0 7px}.dialog-content p{font-size:12px;line-height:1.9;color:#717c8e}.dialog-content code{font-family:var(--mono);background:#f1f4f9;padding:2px 4px;border-radius:3px;color:#38507a}.sources a{display:inline-block;color:#54719c;margin-top:22px;font-size:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#28374e;color:#fff;border-radius:7px;padding:11px 20px;font-size:12px;box-shadow:0 5px 25px #20304020;z-index:20}[hidden]{display:none!important}@keyframes flash{0%{background:#e5edff}100%{background:transparent}}@media(min-width:1500px){.workspace{grid-template-columns:minmax(650px,1.55fr) minmax(400px,1fr)}.code-shell{height:58vh}}@media(max-width:1000px){main{padding:0 22px}.header{padding:0 22px}.workspace{grid-template-columns:minmax(390px,1.2fr) minmax(300px,1fr);gap:14px}.execution-toolbar{padding:0 12px;gap:6px}.shortcut{display:none}.conditions{gap:8px;padding:10px 14px}.conditions label{font-size:10px}.conditions input{font-size:11px}.panel-heading{padding:0 15px}.heading-right{gap:6px}select{max-width:175px;font-size:11px}.execution-toolbar button{padding:9px 10px}.execution-toolbar .primary{min-width:80px}.code-area textarea{font-size:14px}.subtitle{font-size:10px}}@media(max-width:760px){.header{height:62px;padding:0 18px;gap:13px}.brand{font-size:18px}.subtitle{display:none}main{padding:0 12px}.topbar{height:57px}.document-name .muted{display:none}.document-actions{gap:1px}.workspace{grid-template-columns:1fr;gap:16px}.code-shell{height:370px}.editor-panel,.result-panel{border-radius:9px}.execution-toolbar .primary{min-width:120px}.page-footer{flex-direction:column;gap:6px}.conditions label{font-size:10px}.conditions input{font-size:11px}.output-section{min-height:150px}.variables-section{min-height:140px}#variables{max-height:none}.input-panel{padding:12px 15px}.editor-footer{font-size:9px;padding:9px 13px}.code-area textarea{font-size:14px}.gutter{width:43px;padding-right:12px}}
#scope-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.scope-band{position:absolute;border:1px solid;border-left-width:3px;border-radius:4px;pointer-events:none}.scope-band.loop{border-color:#7f9de348;border-left-color:#7195dd;background:#537fdb08}.scope-band.condition{border-color:#d8a65450;border-left-color:#c99b4b;background:#d5a2440a}.scope-band.function{border-color:#65a88b50;border-left-color:#4b9b79;background:#4b9b7909}.scope-band.selected{border-top-color:currentColor;border-bottom-color:currentColor}.scope-band.loop.selected{color:#7195dd;background:#537fdb12}.scope-band.condition.selected{color:#c99b4b;background:#d5a24413}.scope-band.function.selected{color:#4b9b79;background:#4b9b7911}.active-line{z-index:1;opacity:.7}.code-area textarea{z-index:2}.scope-legend{display:flex;align-items:center;gap:16px;padding:10px 20px 8px;border-top:1px solid #f0f1f4;font-size:10px;color:#8993a2}.scope-legend>span:not(:last-child){display:flex;align-items:center;gap:5px}.scope-legend>span:not(:last-child):before{content:'';width:7px;height:7px;border-radius:2px;background:#7195dd}.scope-legend>.condition:before{background:#c99b4b!important}.scope-legend>.function:before{background:#4b9b79!important}#scope-position{margin-left:auto;color:#6a7d98;font-family:var(--mono);font-size:10px}.editor-footer{border-top:0}
/* Block guides occupy their own column, separate from source and line numbers. */
#scope-layer{position:relative;inset:auto;flex-shrink:0;align-self:stretch;overflow:hidden;pointer-events:none;margin-right:10px}.scope-band{border:0!important;border-left:2px solid!important;border-top:2px solid!important;border-bottom:2px solid!important;border-radius:3px 0 0 3px;background:none!important;right:auto!important;opacity:.7}.scope-band.loop{border-color:#557ed2!important}.scope-band.condition{border-color:#bd8c30!important}.scope-band.function{border-color:#3c9371!important}.scope-band.selected{opacity:1;filter:drop-shadow(0 0 1px currentColor)}.scope-band.loop.selected{color:#557ed2}.scope-band.condition.selected{color:#bd8c30}.scope-band.function.selected{color:#3c9371}.code-area textarea{padding-left:3px}.gutter{width:40px;padding-right:8px}.code-shell{padding-right:7px}
/* Rounded scope boxes follow source indentation with a clear gap before text. */
#scope-layer{position:absolute;inset:0;display:block;width:auto!important;margin:0;overflow:hidden;pointer-events:none}.code-area textarea{padding-left:16px}.scope-band{width:auto!important;border:1px solid!important;border-radius:8px!important;opacity:1!important;filter:none!important}.scope-band.loop{border-color:#8aa8dc!important;background:#6d94d908!important}.scope-band.condition{border-color:#c9a16a!important;background:#d3ad6b09!important}.scope-band.function{border-color:#79ab95!important;background:#72a78e09!important}.scope-band.loop.selected{border-color:#507bc5!important;background:#6d94d90e!important}.scope-band.condition.selected{border-color:#b58642!important;background:#d3ad6b10!important}.scope-band.function.selected{border-color:#438768!important;background:#72a78e10!important}.gutter{width:48px;padding-right:12px}
.scope-band{right:8px!important;min-width:0;width:auto!important}
/* Separate neighboring blocks and keep the text comfortably inside each card. */
.code-area textarea{padding-left:27px;padding-right:28px}.scope-band{border-radius:9px!important;right:16px!important;box-shadow:0 1px 3px #263b5a0d,inset 0 1px 0 #ffffffb3;}.scope-band.loop{border-color:#afc1df!important;background:#f5f8fccc!important}.scope-band.condition{border-color:#d9c19e!important;background:#fcf9f3e8!important}.scope-band.function{border-color:#a6c5b6!important;background:#f3f9f6e8!important}.scope-band.loop.selected{border-color:#8ba6d1!important;background:#f0f5fce8!important}.scope-band.condition.selected{border-color:#c3a06b!important;background:#fbf5eae8!important}.scope-band.function.selected{border-color:#7da98f!important;background:#edf6f0e8!important}
.scope-band{right:calc(16px + var(--scope-depth,0)*12px)!important}.code-area textarea{padding-left:38px}
.scope-band.loop.loop-level-1{border-color:#bdacd9!important;background:#f7f3fbe8!important}.scope-band.loop.loop-level-1.selected{border-color:#9b7fc4!important;background:#f1eaf9e8!important}.scope-band.loop.loop-level-2{border-color:#95c6d0!important;background:#f0f8fae8!important}.scope-band.loop.loop-level-2.selected{border-color:#63a7b6!important;background:#e8f5f8e8!important}
.scope-band.condition.condition-level-1{border-color:#d5a7b6!important;background:#fcf2f5e8!important}.scope-band.condition.condition-level-1.selected{border-color:#bd7d93!important;background:#f9eaf0e8!important}.scope-band.condition.condition-level-2{border-color:#b7b98c!important;background:#f7f8eee8!important}.scope-band.condition.condition-level-2.selected{border-color:#949b60!important;background:#f0f3e2e8!important}
.scope-badge{position:absolute;left:9px;top:6px;padding:1px 5px;border-radius:4px;font:10px/18px -apple-system,BlinkMacSystemFont,Meiryo,sans-serif;white-space:nowrap;color:#54719d;background:#e7eef9}.condition>.scope-badge{color:#93703a;background:#f4ead6}.function>.scope-badge{color:#467a60;background:#dfefe5}.loop-level-1>.scope-badge{color:#8864a8;background:#eee4f6}.loop-level-2>.scope-badge{color:#467f8c;background:#dfeff3}.condition-level-1>.scope-badge{color:#a1637b;background:#f6e2ea}.condition-level-2>.scope-badge{color:#7e844c;background:#ecedd8}
.scope-badge{top:-8px;left:10px;padding:0 5px;font-size:9px;line-height:16px;box-shadow:0 0 0 2px #fff;border-radius:4px}
.scope-badge{top:6px;left:9px;line-height:18px;font-size:10px;padding:0 5px;box-shadow:none}
.scope-badge{top:-17px;left:10px;font-size:9px;line-height:15px;padding:0 5px;box-shadow:0 0 0 2px #fff}
.scope-badge{top:-7px;left:auto;right:12px;font-size:10px;line-height:14px;padding:0 6px;border-radius:0;background:#f5f8fc;box-shadow:none;color:#657b9c}.loop-level-1>.scope-badge{background:#f7f3fb;color:#8c76a4}.loop-level-2>.scope-badge{background:#f0f8fa;color:#668f98}.condition>.scope-badge{background:#fcf9f3;color:#9b845f}.condition-level-1>.scope-badge{background:#fcf2f5;color:#a47b8b}.condition-level-2>.scope-badge{background:#f7f8ee;color:#8a8d68}.function>.scope-badge{background:#f3f9f6;color:#698d7b}
.scope-badge{left:12px;right:auto;top:-10px;line-height:12px;font-size:9px;background:#fff!important;padding:0 5px;color:#7b8493}
/* Block headers have their own vertical space in the editor document. */
#code-editor{position:relative;z-index:2;width:100%;height:100%;min-width:0;color:#26354d}#code-editor .cm-editor{height:100%}.gutter div{line-height:32px;box-sizing:border-box}.scope-badge{top:7px;left:12px;right:auto;font-size:10px;line-height:18px;padding:0;background:transparent!important;box-shadow:none;border-radius:0;font-weight:500}.scope-band{pointer-events:none}.code-area{min-width:0}.active-line{height:32px}
#document-name{width:260px;max-width:40vw;min-width:100px;border:1px solid transparent;border-radius:5px;background:transparent;color:#354052;padding:5px 7px;margin-left:-7px;font-size:13px;font-weight:600}#document-name:hover{border-color:#dce2eb;background:#fff}#document-name:focus{border-color:#9ab4e5;outline:none;background:#fff}
.conditions{justify-content:flex-start;padding:11px 17px;gap:12px}.conditions label{font-size:12px}.conditions select{width:auto;min-width:78px;padding:6px 25px 6px 10px;background:white}.gutter{width:30px;padding-right:7px}#code-editor .cm-content{overflow-wrap:anywhere;word-break:normal}#code-editor .cm-scroller{overflow-x:hidden}.code-shell{padding-right:0}
.language-tabs{display:flex;gap:3px;padding:3px;background:#f0f3f8;border-radius:7px;margin-left:16px;margin-right:auto}.language-tabs button{font-size:11px;line-height:20px;padding:2px 11px;border:0;border-radius:5px;background:transparent;font-weight:500;color:#8b95a5}.language-tabs button[aria-selected=true]{background:#fff;color:#355b97;box-shadow:0 1px 3px #263b5a13}.runtime-label{font:10px var(--mono);color:#7083a3;margin-left:auto;margin-right:9px}.panel-heading{gap:5px}.language-tabs button:disabled{opacity:.5}@media(max-width:1000px){.panel-heading{flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px}.language-tabs{margin-left:8px}.heading-right{margin-left:auto}.heading-right select{max-width:150px}}
.locals-section{border-top:1px solid var(--border);background:#fbfdfc}#locals{padding:0 22px 18px;max-height:300px;overflow:auto}.active-line.before{background:#ecf5ee;border-left-color:#65a17d}.var-value.changed{border-radius:4px}.status-dot.paused{background:#5282cf}
.input-type-control{display:flex;flex-direction:column;gap:5px;min-width:80px}.input-type-control label{padding:0;font-size:10px;min-width:0}.input-type-control select{width:85px;font-size:11px;padding:4px 10px}.input-panel{gap:12px}
.heading-right select{max-width:180px}.panel-heading{flex-wrap:wrap;padding-top:10px;padding-bottom:10px;row-gap:8px}.heading-right{margin-left:auto}

.header>.scratch-link{margin-left:auto;text-decoration:none}.header>#help-button{margin-left:0}
/* The block editor shares the text editor's panel and result area. */
.scratch-panel{height:clamp(480px,65vh,780px);width:100%;background:#f9f9fc}.scratch-panel iframe{display:block;width:100%;height:100%;border:0}.scratch-active>.code-shell,.scratch-active>.scope-legend,.scratch-active>.editor-footer,.scratch-active>.conditions{display:none}.scratch-active .panel-heading{border-bottom:1px solid var(--border)}.scratch-active #format-button{display:none}.header>#help-button{margin-left:auto}@media(max-width:760px){.scratch-panel{height:560px}}
@media(min-width:1100px){.workspace:has(.scratch-active){grid-template-columns:minmax(0,1fr) 300px}}

@media(min-width:761px) and (max-width:1099px){.workspace:has(.scratch-active){grid-template-columns:1fr}}
.procedure-active>.code-shell,.procedure-active>.scope-legend,.procedure-active>.editor-footer,.procedure-active>.conditions{display:none}.procedure-active #format-button{display:none}.is-converting .scratch-panel{pointer-events:none}.procedure-active #procedure-panel{display:block}
.view-label{font-size:10px;color:#8c96a5;white-space:nowrap}.procedure-active .language-tabs{margin-left:6px}.procedure-active #procedure-panel{border-bottom:1px solid var(--border)}
/* Scope frames and the execution marker scroll natively with CodeMirror text. */
#code-editor .cm-scroller>#scope-layer{position:absolute;inset:auto 0 auto 0;z-index:0;width:auto!important;pointer-events:none;overflow:hidden}#code-editor .cm-content{position:relative;z-index:2}#code-editor .cm-scroller>#active-line{z-index:1;transform:translateY(var(--editor-content-top,0px));pointer-events:none}
.learning-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 18px;border-bottom:1px solid var(--border);font-size:11px}.learning-toolbar label{display:flex;align-items:center;gap:5px;white-space:nowrap}#check-result{color:#4c627f}#check-details{padding:8px 18px;background:#f6f8fc;border-bottom:1px solid var(--border);font-size:12px}#check-details p{margin:5px 0}#check-details button{display:block;text-align:left;font-size:12px;margin:5px 0}
.procedure-compare.procedure-active>.code-shell{display:flex}.procedure-compare.procedure-active>.scope-legend,.procedure-compare.procedure-active>.editor-footer,.procedure-compare.procedure-active>.conditions{display:flex}.procedure-compare.procedure-active>#procedure-panel{max-height:480px;border-top:1px solid var(--border)}
@media(min-width:1400px){.editor-panel.procedure-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}.procedure-compare>.panel-heading,.procedure-compare>.learning-toolbar,.procedure-compare>.conditions,.procedure-compare>.scope-legend,.procedure-compare>.editor-footer,.procedure-compare>.input-panel{grid-column:1 / -1}.procedure-compare>.code-shell{grid-column:1;grid-row:4}.procedure-compare>#procedure-panel{grid-column:2;grid-row:4;min-width:0;border-left:1px solid var(--border);max-height:65vh!important}}
#test-cases{border-top:1px solid var(--border);padding:14px 12px;font-size:12px}#test-cases summary{cursor:pointer;color:#405877}#test-cases-content{overflow:auto}.test-case-toolbar{display:flex;gap:5px;align-items:center;margin:9px 0}.test-case-toolbar button,.test-case-table button{font-size:11px;padding:4px 7px}.test-case-table{width:100%;border-collapse:collapse;table-layout:fixed}.test-case-table th{font-size:10px;text-align:left;font-weight:500}.test-case-table th:last-child{width:43px}.test-case-table td{vertical-align:top;padding:5px 3px}.test-case-table textarea{width:100%;min-height:55px;font:12px/1.5 var(--mono);padding:5px;border:1px solid #d5deea;border-radius:4px;resize:vertical}.case-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 var(--mono);margin:3px 0}.case-result[data-result=pass] strong{color:#2a7755}.case-result[data-result=difference] strong,.case-result[data-result=error] strong{color:#a54b37}#scratch-correspondence{padding:6px 18px;font-size:12px}#scratch-source-lines{max-height:180px;overflow:auto}#scratch-source-lines button{display:block;font:12px/1.6 var(--mono);text-align:left;white-space:pre-wrap;width:100%;border:0;background:transparent;padding:3px;color:#435774}#scratch-source-lines button[aria-pressed=true]{background:#e8eff9}
.array-cell.referenced{outline:2px solid #486eab;outline-offset:1px;background:#eef4ff}.array-reference-marker{color:#355e9a;font-size:12px;font-weight:700;margin-left:3px}#scratch-source-lines button:disabled{color:#8b94a2;cursor:default}
