h1>b{font:inherit}
.drag-original-wires{opacity:.12;pointer-events:none}.drag-tether{fill:none;stroke:#73916c;stroke-width:2.5;stroke-dasharray:8 7;opacity:.65;pointer-events:none}.drag-floating,.drag-floating *{pointer-events:none}.drag-outline{fill:#edf4e6;fill-opacity:.4;stroke:#85a175;stroke-width:1.5;stroke-dasharray:5 5}
.connection-before{opacity:.1;pointer-events:none}.connection-ghost{pointer-events:none}.connection-ghost-wire{fill:none;stroke:#498464;stroke-width:2.8;stroke-dasharray:10 7;stroke-linecap:round;opacity:.78}.connection-ghost-node{fill:#498464;opacity:.78}.connection-ghost-component{opacity:.55}.connection-ghost-moving{opacity:1}.connection-ghost-outline{fill:#f1f8ec;fill-opacity:.85;stroke:#5f9771;stroke-width:2;stroke-dasharray:7 6}.connection-ghost-component>g{stroke:#498464;color:#498464}.connection-ghost-component>.schematic-label{fill:#376d51}.canvas-hint.inserting{background:#edf7e9;border-color:#8bb586;color:#315e35;font-size:12px;font-weight:500}.series-tools{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.connection-alert{position:absolute;left:18px;right:18px;bottom:52px;padding:10px 14px;border:1px solid #dfcfab;border-radius:8px;background:#fff8e8;color:#7b5b28;font-size:11px;line-height:1.7;pointer-events:none}
.heading-actions{flex-wrap:wrap;justify-content:flex-end}
.component-panel .palette-foot{display:flex}.palette-foot>div{min-width:0}.palette-foot .text-button{margin-top:6px;font-size:10px;color:var(--green);display:flex;align-items:center;gap:4px}.palette-foot .text-button .icon{width:12px}
.drawing-task-active .workbench{grid-template-columns:310px minmax(0,1fr) 255px;gap:14px;min-height:610px}
.drawing-task-active .component-panel{padding:18px 16px;overflow:auto}
.drawing-source-panel{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.drawing-source-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.drawing-source-heading h2{font-size:13px;font-weight:600}.drawing-source-heading>span{font-size:10px;color:#77917e;letter-spacing:1px}
#source-origin{font-size:10px;color:var(--muted);margin:7px 0 11px}
#source-figure{margin:0;background:#fff;border:1px solid #e3e9de;border-radius:9px;overflow:hidden}#source-figure svg{width:100%;height:auto;display:block}
.drawing-source-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:10px}
.given-palette{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}
.given-palette .given-item{min-height:66px;width:auto;min-width:0;display:flex;flex-direction:row;gap:4px;padding:6px;background:#fbfcf8;border:1px solid var(--line);text-align:left;border-radius:8px}
.given-palette .component-mini{width:43px;min-width:43px;height:45px;background:transparent}.given-palette .component-mini svg{width:43px;height:43px}
.given-palette .component-info{min-width:0;display:flex;flex-direction:column;gap:2px}.given-palette .given-item strong{font-size:14px;font-family:Georgia,'Times New Roman',serif}.given-palette .given-item small{font-size:9px;display:block}.given-palette .palette-plus{font-size:15px;margin-left:auto}
.given-palette .given-placed:disabled{opacity:.52}.given-palette .given-placed .palette-plus{color:var(--green)}
.drawing-task-active .canvas-wrap{background:#fff}.drawing-task-active .canvas-empty{width:80%;text-align:center}.drawing-task-active .canvas-empty h3{font-size:19px}.drawing-task-active .canvas-empty p{max-width:270px;margin:11px auto 0;line-height:1.8}
.drawing-task-active .question-panel{padding:18px 15px}.drawing-task-active .question-prompt{font-size:12px;line-height:1.9}.drawing-task-active .question-body h3{font-size:19px}
.drawing-task-active .palette-foot{margin-top:16px;display:flex}.drawing-task-active .palette-foot p{font-size:9px}
.drawing-solution{padding:13px;border-radius:8px;background:#f1f6ed;border:1px solid #dce7d4;margin-top:16px}.drawing-solution strong{font-size:12px;font-weight:600}.drawing-solution p{font-size:11px;line-height:1.9;margin-top:7px;white-space:pre-line}
.drawing-question-preview{background:#fff}
@media(min-width:1700px){.drawing-task-active .workbench{grid-template-columns:350px minmax(0,1fr) 290px}.drawing-task-active .component-panel{padding:22px 20px}.given-palette .given-item{min-height:70px}.given-palette .component-mini{width:50px;min-width:50px}.given-palette .component-mini svg{width:50px}}
@media(min-width:851px) and (max-width:1240px){.drawing-task-active .workbench{grid-template-columns:260px minmax(0,1fr) 225px;gap:10px}.drawing-task-active .component-panel{padding:15px 12px}.given-palette .given-item{gap:2px;padding:5px}.given-palette .component-mini{width:35px;min-width:35px}.given-palette .component-mini svg{width:35px}.given-palette .palette-plus{display:none}}
@media(max-width:850px){.drawing-task-active .workbench{display:flex;flex-direction:column;min-height:0;flex-shrink:0}.drawing-task-active .component-panel{max-height:none;order:1;padding:16px;flex-shrink:0;overflow:visible}.drawing-task-active .drawing-panel{order:2;min-height:530px;height:580px;flex-shrink:0}.drawing-task-active .question-panel{order:3;flex-shrink:0}.drawing-source-panel{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(140px,1fr);column-gap:20px;align-items:start}.drawing-source-heading,#source-origin,.drawing-source-note{grid-column:2}#source-figure{grid-column:1;grid-row:1/5}.drawing-source-heading{margin-top:13px}.given-palette{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.given-palette .given-item{flex-direction:row;min-width:0;width:auto}.drawing-task-active .palette-foot{margin-top:10px}.drawing-task-active .question-body .drawing-solution{grid-column:1/-1}.drawing-task-active .question-actions{grid-row:1/7}}
@media(max-width:560px){.drawing-source-panel{display:block}.drawing-source-heading{margin-top:0}#source-figure{max-width:370px;margin:auto}.drawing-source-note{margin-top:9px}#source-origin{margin-bottom:10px}.given-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:6px;margin-top:10px}.given-palette .given-item{min-height:62px;gap:3px}.given-palette .component-mini{width:38px;min-width:38px}.given-palette .component-mini svg{width:38px}.given-palette .given-item strong{font-size:13px}.given-palette .palette-plus{display:none}.drawing-task-active .component-panel .panel-description{display:block;font-size:10px}.drawing-task-active .drawing-panel{height:530px}.drawing-task-active .canvas-empty h3{font-size:17px}.drawing-task-active .canvas-caption{font-size:8px}.heading-actions .button{font-size:10px;padding:0 8px}.drawing-task-active .question-body h3{font-size:20px}}