.arc-editor{color:var(--ui-ink);font:14px/1.55 var(--ui-font);min-width:0;container:arc/inline-size}.arc-help{color:var(--ui-muted);max-width:78ch;margin:0 0 20px;font-size:14px;line-height:23px}.arc-workspace{grid-template-columns:minmax(240px,.85fr) minmax(0,1.45fr);align-items:start;gap:24px;display:grid}.arc-examples{border:1px solid var(--ui-line);background:#f6f8fa;border-radius:12px;min-width:0;padding:16px}.arc-examples h2{margin:0 0 12px;font-size:14px;font-weight:650;line-height:22px}.arc-example-head,.arc-example{grid-template-columns:22px minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:6px;display:grid}.arc-example-head{color:var(--ui-muted);text-align:center;margin-bottom:4px;font-size:12px;line-height:18px}.arc-example-head>span:first-child{grid-column:2}.arc-example-head>span:last-child{grid-column:4}.arc-example-list{margin:0;padding:0;list-style:none}.arc-example{border-top:1px solid #e3eaf0;min-height:108px;padding:9px 0}.arc-example .grid-diagram{justify-content:center;align-items:center;overflow:visible}.arc-example .grid-diagram>svg{max-width:100%;height:auto}.arc-example-number{color:var(--ui-muted);background:#fff;border:1px solid #d6e2e8;border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:650;display:grid}.arc-arrow,.arc-task-arrow{color:#7a909c;text-align:center;font-size:21px;line-height:24px}.arc-solution{min-width:0}.arc-tools{flex-wrap:wrap;align-items:center;gap:10px;min-height:38px;margin-bottom:16px;display:flex}.arc-editor button{font:600 13px/20px var(--ui-font);color:#365462;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ccd9e0;border-radius:7px;min-height:36px;padding:7px 11px}.arc-editor button:hover:not(:disabled){background:#f0f6f7;border-color:#83b0b7}.arc-editor button:focus-visible{outline-offset:3px;outline:3px solid #5dafb7}.arc-tool-group,.arc-history{flex:none;gap:4px;display:flex}.arc-history{margin-left:auto}.arc-tool-group button[aria-pressed=true]{color:#075d61;background:#e8f4f4;border-color:#63a6ad}.arc-palette{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.arc-palette button{background:#fff;border:1px solid #ccd9e0;border-radius:7px;place-items:center;width:36px;height:36px;padding:3px;display:grid}.arc-palette button>span{background:var(--swatch);color:var(--swatch-ink);border:1px solid #20364025;border-radius:3px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;line-height:20px;display:grid}.arc-palette button[aria-pressed=true]{outline-offset:1px;outline:2px solid #087c80}.arc-task-pair{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:start;gap:10px;display:grid}.arc-task-panel{min-width:0;margin:0}.arc-task-panel figcaption{justify-content:space-between;align-items:center;gap:8px;min-height:22px;margin:0 0 9px;font-size:13px;font-weight:650;line-height:22px;display:flex}.arc-task-panel figcaption span{white-space:nowrap;color:var(--ui-muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.arc-task-arrow{align-self:center;transform:translateY(15px)}.arc-board-viewport{height:var(--arc-stage-height);overscroll-behavior:contain;background:#f6f8fa;border:1px solid #d8e2e8;border-radius:9px;min-width:0;max-width:100%;overflow:auto}.arc-task-panel--output .arc-board-viewport{background:#f3faf9;border-color:#9fc7c9}.arc-board-content{place-items:center;width:max-content;min-width:100%;min-height:100%;padding:14px;display:grid}.arc-edit-grid{border:1px solid #829eae;place-self:center;gap:0;width:max-content;display:grid}.arc-edit-grid button{border:0;border-radius:0;width:32px;height:32px;min-height:32px;padding:0;font-size:13px;font-weight:650;line-height:32px;box-shadow:inset -1px -1px #7295ac60}.arc-edit-grid button:focus-visible{z-index:1;outline-offset:-4px;outline:3px solid #fff;position:relative;box-shadow:inset 0 0 0 2px #203640}.arc-size-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:14px 0;display:grid}.arc-size-tools>div{align-items:center;gap:5px;min-width:0;display:flex}.arc-size-tools span{color:var(--ui-muted);align-items:center;gap:7px;margin-right:auto;font-size:12px;display:flex}.arc-size-tools strong{color:var(--ui-ink);font-variant-numeric:tabular-nums;font-size:13px}.arc-size-tools button{width:32px;min-width:32px;min-height:32px;padding:4px;font-size:18px}.arc-output-actions{border-top:1px solid var(--ui-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.arc-output-actions>div{gap:7px;display:flex}.arc-output-actions .arc-confirm{background:var(--ui-teal);border-color:var(--ui-teal);color:#fff}.arc-output-actions .arc-confirm:hover{background:var(--ui-teal-dark);color:#fff}.arc-answer-state{color:#3e6872;min-height:22px;margin:12px 0 0;font-size:12px;line-height:21px}.arc-keyboard-hint{color:var(--ui-muted);margin:6px 0 0;font-size:12px;line-height:20px}@container arc (width<=720px){.arc-workspace{grid-template-columns:minmax(0,1fr);gap:20px}.arc-examples{padding:14px}.arc-example{min-height:98px}.arc-example-head,.arc-example{grid-template-columns:24px minmax(0,1fr) 24px minmax(0,1fr);gap:12px}}@container arc (width<=360px){.arc-task-pair{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:5px}.arc-task-panel figcaption{min-height:40px;font-size:12px;display:block}.arc-task-panel figcaption span{line-height:16px;display:block}.arc-task-arrow{transform:translateY(23px)}.arc-size-tools{gap:8px}.arc-size-tools>div{flex-wrap:wrap}.arc-size-tools span{flex:100%}.arc-tools{gap:8px}.arc-history{margin-left:0}.arc-output-actions button{padding:7px 8px}}@container arc (width<=480px){.arc-editor--constructed .arc-task-pair{grid-template-columns:minmax(0,1fr);gap:12px}.arc-editor--constructed .arc-task-arrow{transform:rotate(90deg)}.arc-editor--constructed .arc-task-panel figcaption{min-height:22px;display:flex}.arc-editor--constructed .arc-task-panel figcaption span{display:inline}}@container arc (width<=360px){.arc-examples--dense .arc-example-head{display:none}.arc-examples--dense .arc-example{grid-template-columns:24px minmax(0,1fr);gap:12px}.arc-examples--dense .arc-example-number{grid-area:1/1/4;align-self:start}.arc-examples--dense .grid-diagram{flex-direction:column;grid-column:2;gap:6px;display:flex}.arc-examples--dense .grid-diagram:nth-child(2){grid-row:1}.arc-examples--dense .grid-diagram:nth-child(2):before{content:"Input";color:var(--ui-muted);font-size:12px}.arc-examples--dense .grid-diagram:nth-child(4){grid-row:3}.arc-examples--dense .grid-diagram:nth-child(4):before{content:"Output";color:var(--ui-muted);font-size:12px}.arc-examples--dense .arc-arrow{grid-area:2/2;transform:rotate(90deg)}}