:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#303a32;background:#f5f6f1;font-size:13px;font-synthesis:none;--line: #dde2d5;--muted: #72806c;--green: #2c523d}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;padding:7px 9px;cursor:pointer;white-space:nowrap}button:hover,a.source-link:hover{background:#e5eadc}button:disabled{opacity:.35;cursor:default}button.active,button[aria-selected=true]{background:#e5eadc;color:var(--green)}button.primary{background:var(--green);color:#fff}button.primary:hover{background:#3e644b}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #749762;outline-offset:2px}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h2{font-size:14px;font-weight:600;margin:0 0 12px}h3{font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:24px 0 12px}p{line-height:1.6;margin:0 0 15px}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:56px;flex-shrink:0;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:#fdfdfb;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:18px;letter-spacing:-.5px}.brand span{font-size:12px;color:var(--muted);margin-left:4px}.topbar nav{display:flex;margin-left:auto;gap:4px}.source-link{display:flex;align-items:center;gap:4px;padding:7px;border-radius:6px;font-size:12px}.shell{display:flex;flex:1;min-height:0}.library{width:184px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#f9faf6}.library-scroll{overflow:auto;padding:20px 12px;flex:1}.sidebar-title{font-size:10px;letter-spacing:.08em;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}kbd{font-family:inherit;font-size:10px;letter-spacing:0;color:var(--muted);font-weight:400}.palette-group{margin-top:24px}.palette-group h2,.examples h2{font-size:9px;letter-spacing:.1em;color:var(--muted);margin:0 0 8px;padding-left:7px}.palette-item{width:100%;justify-content:flex-start;padding:6px 7px;font-size:12px}.gate-symbol{flex:0 0 23px;width:23px;height:23px;border:1px solid var(--line);border-radius:5px;background:#fdfdfb;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:monospace;color:#527447}.place-plus{margin-left:auto;color:var(--muted);opacity:0}.palette-item:hover .place-plus,.palette-item.active .place-plus{opacity:1}.examples{margin-top:28px}.examples button{width:100%;justify-content:space-between;font-size:12px;padding:8px 7px}.examples svg{width:12px}.maker-credit{display:flex;align-items:center;gap:7px;padding:14px 12px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.maker-credit svg{width:31px;height:31px;overflow:visible}.workspace{display:flex;flex:1;min-width:0;flex-direction:column}.toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:54px;border-bottom:1px solid var(--line);background:#fdfdfb}.toolbar-actions{display:flex;align-items:center;gap:3px;margin-left:auto}#name-button{font-weight:600;min-width:0;max-width:220px;justify-content:flex-start}#circuit-name{overflow:hidden;text-overflow:ellipsis}.divider{width:1px;height:18px;background:var(--line);margin:0 5px}.icon-button{padding:7px;width:30px;height:30px}.editor{display:flex;flex:1;min-height:0}.board-panel{display:flex;flex-direction:column;flex:1;min-width:0}.board-header{height:45px;display:flex;align-items:center;justify-content:space-between;padding:7px 14px;gap:8px;border-bottom:1px solid var(--line)}.board-tools,.zoom-tools{display:flex;align-items:center;gap:3px}.board-tools button{font-size:11px;padding:6px 8px}.zoom-tools span{font-size:11px;color:var(--muted);width:37px;text-align:center}.board-wrap{flex:1;position:relative;min-height:0;overflow:hidden}#board{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none;background:#f5f6f1}#board.placing{cursor:crosshair}#board.panning{cursor:grab}#board.panning:active{cursor:grabbing}.inspector{width:272px;border-left:1px solid var(--line);display:flex;flex-direction:column;background:#f9faf6;flex-shrink:0}.tabs{display:flex;height:45px;align-items:center;padding:7px 10px;border-bottom:1px solid var(--line);gap:4px}.tabs button{flex:1;font-size:11px}#details{overflow:auto;padding:23px 18px;flex:1}.detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.detail-heading h2{margin:0}.muted{color:var(--muted);font-size:12px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted);margin:16px 0}.field input{width:100%;border:1px solid var(--line);background:#fdfdfb;border-radius:6px;padding:9px;color:#303a32;min-width:0}.position-fields{display:flex;gap:10px}.position-fields .field{width:50%;margin-top:0}.wide-button{width:100%;justify-content:space-between;border:1px solid var(--line);background:#fdfdfb;font-size:12px}.signal-badge{font-family:monospace;border-radius:5px;background:#e7ebdf;padding:4px 10px;font-size:14px}.signal-badge.on{background:#d2dfc4;color:#2c523d}.pin-list{list-style:none;margin:0;padding:0}.pin-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:11px;gap:10px}.pin-list li span:last-child{color:var(--muted);text-align:right}.danger{color:#95523b}.text-button{padding-left:0;margin-top:12px}.legend{display:flex;flex-direction:column;gap:12px;font-size:11px}.legend span{display:flex;align-items:center;gap:8px}.legend i{width:8px;height:8px;border-radius:50%}.high-dot{background:#65904e}.low-dot{background:#9aa78c}.unknown-dot{background:#c09055}.instructions{padding-left:14px;font-size:11px;color:var(--muted);line-height:1.7}.instructions li{margin-bottom:8px}.diagnostic{padding:12px;border:1px solid #dac6a8;border-radius:6px;color:#8a6034;font-size:11px;margin-top:20px}.warning{color:#9b6c33}#details-toggle{width:24px;height:24px;padding:4px}.hide-library .library,.hide-inspector .inspector{display:none}.wire-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke}.wire-line{fill:none;stroke-width:2;pointer-events:none;stroke-linejoin:round;stroke-linecap:round}.wire{cursor:pointer}.wire.high .wire-line{stroke:#65904e}.wire.low .wire-line{stroke:#9aa78c}.wire.unknown .wire-line{stroke:#c09055;stroke-dasharray:5 4}.wire.selected .wire-line{stroke:#2c523d;stroke-width:3}.component-body{cursor:move}.gate-shape{fill:#fdfdfb;stroke:#73856b;stroke-width:1.7;stroke-linejoin:round}.component.high .gate-shape{fill:#e4edda;stroke:#63874e}.component.unknown .gate-shape{stroke:#ae885c}.component.selected .gate-shape{stroke:#2c523d;stroke-width:2}.selection-box{fill:#c7d9bb24;stroke:#7d9c68;stroke-width:1;stroke-dasharray:4 3;pointer-events:none}.component-label{fill:#50604a;font-size:12px;text-anchor:middle;pointer-events:none}.gate-text{fill:#50604a;font-size:13px;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.signal-text{fill:#50604a;font-family:monospace;font-size:20px;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.pin-line{stroke:#73856b;stroke-width:1.7;pointer-events:none}.pin{fill:#fdfdfb;stroke:#8b9b7d;stroke-width:2;cursor:crosshair;pointer-events:all}.pin:hover,.pin.pending{fill:#d6e4ca;stroke:#2c523d;stroke-width:3;r:8}.pin.high{fill:#65904e;stroke:#65904e}.pin.unknown{stroke:#c09055}.output-light{fill:#cdd5c5;stroke:#8b9b7d;stroke-width:1.5}.component.high .output-light{fill:#76a259;stroke:#55783f}.wire-preview{fill:none;stroke:#6c8b58;stroke-width:2;stroke-dasharray:5 4}.placement-preview,.marquee{fill:#bfd3b542;stroke:#6e925b;stroke-width:1.5;stroke-dasharray:5 4}.placement-label{font-size:12px;text-anchor:middle;fill:#5a7848}#empty{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center;color:var(--muted);pointer-events:none;width:260px}#empty[hidden]{display:none}#empty button{pointer-events:auto}#empty h2{color:#50604a;font-size:16px}#empty p{font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:center;font-family:monospace}th{color:var(--muted);font-weight:500;padding:10px 8px;border-bottom:1px solid var(--line);max-width:80px;overflow:hidden;text-overflow:ellipsis}td{padding:8px;border-bottom:1px solid #e7ebdf}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.current{background:#e5eadc}td.high-cell{color:#507a38;font-weight:600}td.unknown-cell{color:#ab7942}dialog{border:1px solid var(--line);border-radius:12px;padding:24px;max-width:580px;width:calc(100% - 32px);max-height:80dvh;box-shadow:0 20px 80px #303a3226;background:#fdfdfb;color:inherit}dialog::backdrop{background:#26372345;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-heading h2{margin:0;font-size:17px}#dialog-body{font-size:12px}#toast{position:fixed;left:50%;bottom:48px;transform:translate(-50%) translateY(10px);padding:12px 18px;background:#303f30;color:#fdfdfb;border-radius:8px;box-shadow:0 8px 25px #303a3226;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;max-width:90%;font-size:12px;z-index:5}#toast.visible{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:no-preference){.brand:hover img,.brand:focus-visible img{animation:greeting .7s cubic-bezier(.2,.8,.2,1)}.maker-credit:hover .robin-body,.maker-credit:focus-visible .robin-body{transform-origin:32px 44px;animation:bird .7s cubic-bezier(.2,.8,.2,1)}}@keyframes greeting{0%,to{transform:none}45%{transform:translateY(-3px) rotate(-7deg)}75%{transform:rotate(2deg)}}@keyframes bird{0%,to{transform:rotate(0)}40%{transform:translateY(-2px) rotate(-9deg)}70%{transform:rotate(3deg)}}@media(max-width:1200px){.library{width:162px}.inspector{width:230px}.toolbar{padding:10px}.toolbar-actions button span{display:none}.toolbar-actions{gap:0}.brand span{display:none}}@media(max-width:900px){.inspector{display:none}.hide-inspector .inspector{display:flex;position:absolute;right:0;top:110px;bottom:33px;z-index:2;box-shadow:-8px 0 24px #303a3210}.toolbar-actions{gap:2px}}@media(max-width:650px){.library{display:none}.hide-library .library{display:flex;position:absolute;left:0;top:56px;bottom:0;z-index:3;box-shadow:8px 0 24px #303a3210}.topbar{padding:0 10px;gap:8px}.topbar nav{gap:0}.topbar nav button span,.source-link{display:none}.toolbar{flex-wrap:wrap;gap:4px}.toolbar-actions{width:100%;justify-content:space-between}.toolbar-actions .divider{margin:0 2px}#name-button{max-width:100%;padding:3px 8px}.board-header,.board-tools button{padding:6px}#counts{display:none}.hide-inspector .inspector{top:139px}#run{font-size:11px}}[hidden]{display:none!important}.selection-box{display:none}.selected>.selection-box{display:block}.signal-number{fill:#50604a;font-family:monospace;font-size:20px;text-anchor:middle;pointer-events:none}.gate-type,.port-name{font-size:11px;fill:#50604a;text-anchor:middle;pointer-events:none}.gate-line,.clock-glyph{fill:none;stroke:#73856b;stroke-width:1.7;pointer-events:none}.example-dialog{display:flex;flex-direction:column;gap:8px}.example-dialog button{display:flex;align-items:flex-start;flex-direction:column;white-space:normal;text-align:left;padding:14px;border:1px solid var(--line)}.example-dialog button span{color:var(--muted);font-size:12px}#examples-button{font-size:11px}#place-center{font-size:10px;background:#e5eadc}@media(max-width:650px){.board-header{flex-wrap:wrap;height:auto;min-height:45px}.board-tools{flex-wrap:wrap}.toolbar-actions #run{font-size:0;width:30px;padding:7px;gap:0}}.pin-target{fill:transparent;stroke:none;pointer-events:all}.pin-dot{pointer-events:none}.pin:hover .pin-dot,.pin.pending .pin-dot{r:8}.display-case{fill:#edf0e6;stroke:#73856b;stroke-width:1.7}.component.selected .display-case{stroke:#2c523d;stroke-width:2}.display-segment{fill:none;stroke-width:8;stroke-linecap:round}.display-segment.low{stroke:#d9e0d0}.display-segment.high{stroke:#527d3c}.display-segment.unknown{stroke:#bc9059;stroke-dasharray:2 3}.display-point.low{fill:#d9e0d0}.display-point.high{fill:#527d3c}.display-point.unknown{fill:#bc9059}.display-pin-label{font:8px monospace;fill:#65775b;text-anchor:middle;pointer-events:none}.led-light.low{fill:#d9e0d0}.led-light.high{fill:#78a353}.led-light.unknown{fill:#bc9059}.led-state{font:12px monospace;fill:#303a32;text-anchor:middle;pointer-events:none}.custom-library{margin-top:24px}.custom-library h2{font-size:9px;letter-spacing:.1em;color:var(--muted);padding-left:7px}.custom-library>button{font-size:11px;width:100%;justify-content:flex-start}.custom-swatch{width:12px;height:12px;border-radius:4px;flex-shrink:0}.custom-case{fill:color-mix(in srgb,var(--custom-color) 12%,#fdfdfb);stroke:var(--custom-color);stroke-width:2}.custom-title{font-size:10px;fill:#303a32;text-anchor:middle;pointer-events:none}.field select{border:1px solid var(--line);background:#fdfdfb;color:inherit;padding:9px;border-radius:6px;font:inherit}#custom-error{color:#95523b}.custom-library-row{display:flex;align-items:center}.custom-library-row .palette-item{min-width:0;white-space:normal;text-align:left}.custom-library-row .icon-button{flex-shrink:0;width:24px;height:24px;padding:4px}.custom-library-row .icon-button svg{width:12px;height:12px}.keyboard-key{fill:#f9faf5;stroke:var(--line)}.keyboard-key.active{fill:#78955d}.keyboard-letter{fill:#303a32;font:10px monospace;text-anchor:middle;pointer-events:none}.virtual-keyboard{margin:16px 0}.key-row{display:flex;gap:3px;margin:3px 0;flex-wrap:wrap}.key-row button{border:1px solid var(--line);padding:6px;border-radius:5px;min-width:22px;font:11px monospace}.key-row button:active{background:#e5eadc}.key-mapping{display:flex;justify-content:space-between;font-size:12px;margin:6px 0}.tool-workspace{position:fixed;inset:57px 0 0;background:#f5f6f1;z-index:20;display:flex;flex-direction:column}.tool-workspace[hidden]{display:none}.workspace-toolbar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:#fafbf7}.workspace-toolbar strong{margin-right:12px}.workspace-toolbar label{display:flex;align-items:center;gap:6px;font-size:11px}.workspace-close{margin-left:auto}.kmap-layout{flex:1;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px}.kmap-table{border-collapse:separate;border-spacing:6px;width:100%;max-width:560px}.kmap-table th{padding:10px;font:12px monospace}.kmap-table td button{width:100%;min-height:65px;border:1px solid var(--line);font:24px monospace;display:flex;flex-direction:column;gap:4px}.kmap-table small{font-size:10px;color:#53604e}#kmap-expression{white-space:pre-wrap;font:22px/1.6 monospace;padding:18px;background:#e9eee1;border-radius:8px}#kmap-groups{display:flex;flex-wrap:wrap;gap:8px}#kmap-groups button{border:3px solid;display:flex;flex-direction:column;padding:12px}#kmap-groups small{font-size:10px;color:var(--muted)}#rom-bytes{width:100%;font:12px/1.6 monospace;border:1px solid var(--line);border-radius:6px;padding:8px}@media(max-width:800px){.computer-layout,.kmap-layout{display:block;overflow:auto}.assembly-pane{min-height:400px;overflow:visible}.computer-monitor{overflow:visible}.kmap-layout{padding:20px}.tool-workspace{inset:57px 0 0}.topbar nav{gap:0}.topbar nav button{padding:6px;font-size:11px}}.key-row:not(:last-child){flex-wrap:nowrap}.key-row:not(:last-child) button{flex:1;min-width:0;padding:5px 2px;font-size:10px}#cpu-state{margin-bottom:14px}#computer-screen{margin-inline:auto}.pinned-card{border-bottom:1px solid var(--line);padding:12px 14px}.pinned-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pinned-heading button{font-size:12px;font-weight:600}.pinned-card canvas{width:100%;aspect-ratio:4/3;image-rendering:pixelated;background:#101a18;border-radius:8px}.pinned-card pre{white-space:pre-wrap;overflow:auto;max-height:120px;font:11px/1.6 monospace}.pinned-card .key-row{margin-top:8px}#pinned-devices{max-height:62dvh;overflow:auto}.mode-choices{display:grid;gap:12px}.mode-choices button{text-align:left;border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px}.mode-choices strong{font-size:18px}.mode-choices span{color:var(--muted);line-height:1.6}.inside-scroll{overflow:auto;max-height:55dvh;border:1px solid var(--line);border-radius:8px;background:#fafbf7}.inside-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.inside-breadcrumbs button{padding:6px 10px;border-radius:6px;background:#e8eedf}.transistor-channel{fill:none;stroke:#7c8975;stroke-width:2}.transistor-channel.conducting{stroke:#527d3c;stroke-width:3}.floating .gate-shape,.floating .pin-dot{stroke:#8a8399;stroke-dasharray:3 3}#clock-measured{font-size:11px;white-space:nowrap}.screen-preview{width:100%;background:#101619;border-radius:8px;image-rendering:pixelated}.memory-preview{max-height:240px;overflow:auto;font-size:11px}.transistor-section{width:100%}#pinned-devices.has-selection{max-height:180px;flex-shrink:0}.palette-entry{display:flex;align-items:center;gap:3px}.palette-entry .palette-item{flex:1;min-width:0}#discover-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;flex-shrink:0;margin:12px 14px 0;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#edf1e7}#discover-guide h2{font-size:14px;line-height:1.5;letter-spacing:0;margin:8px 0;color:#303a32}#discover-guide p{font-size:12px;line-height:1.6;margin:8px 0}#discover-guide summary{font-size:12px;cursor:pointer}.lesson-progress{font-size:10px;color:var(--muted);letter-spacing:.06em}.lesson-actions{display:flex;gap:6px}.lesson-actions button{padding:7px 9px;font-size:11px}.lesson-check{color:var(--green)}.lesson-actions{flex-wrap:wrap}.lesson-signals{font-size:12px;padding:8px;background:#f9faf6;border-radius:6px}.lesson-content{overflow:auto;min-height:0}.lesson-progress,#discover-guide h2,.lesson-actions{flex-shrink:0}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.lesson-hint-button{padding:5px 9px;font-size:12px;color:var(--green);background:#f9faf6;border:1px solid var(--line);border-radius:6px}.lesson-hint-panel{max-width:560px;padding:4px 0 12px}.lesson-hint-panel h3{font-size:17px;line-height:1.5;margin:0 0 14px}.lesson-hint-panel p{font-size:15px;line-height:1.8;margin:0}.lesson-heading{flex-wrap:wrap}.lesson-heading .lesson-progress{white-space:nowrap}.lesson-hint-button{flex-shrink:0}#discover-guide .lesson-heading{grid-column:1 / -1}#discover-guide h2{margin:2px 0;font-size:16px}#discover-guide .lesson-content{grid-column:1}#discover-guide .lesson-content p{font-size:13px;max-width:80ch}#discover-guide .lesson-actions{grid-column:2;grid-row:2 / 4;align-self:end}#discover-guide>p{grid-column:1 / -1}#discover-guide .lesson-signals{display:inline-block}@media(max-width:700px){#discover-guide{grid-template-columns:1fr;max-height:35dvh;overflow:auto}#discover-guide .lesson-actions{grid-column:1;grid-row:auto}}.canvas-hint{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:6px;background:#fdfdfbee;color:var(--muted);font-size:11px;pointer-events:none}.clock-controls{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:8px}.clock-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.clock-controls output{display:block;font-size:11px;color:var(--muted)}.source-link svg{width:20px;height:20px}.component-heading-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.detail-heading h2{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}#component-info{border:1px solid var(--line);padding:5px 9px;font-size:12px}.component-help section{margin:0 0 22px}.component-help h3{margin:0 0 8px;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}.component-help p{margin:0;font-size:14px;line-height:1.75}.component-help .component-help-note{padding:12px;border-radius:8px;background:#edf1e7;font-size:12px;line-height:1.65}.switch-explanation{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;text-align:center;background:#edf1e7;padding:12px;margin-top:14px;border-radius:8px;font-size:13px}.switch-explanation>div{grid-column:1 / -1;font-weight:600}.switch-explanation small{font-weight:400;color:var(--muted);margin-left:6px}dialog:has(.component-help) .dialog-heading{position:sticky;top:0;background:#fdfdfb;z-index:1;padding:6px 0}.lesson-course-tools{display:flex;align-items:center;gap:6px}.lesson-course-tools button{font-size:12px;padding:5px 9px}.lesson-source{max-height:45dvh;overflow:auto;white-space:pre;padding:16px;border-radius:8px;background:var(--surface);font:12px/1.6 monospace;-webkit-user-select:text;user-select:text}.lesson-target{display:block;width:256px;max-width:100%;margin:12px 0;border-radius:8px;image-rendering:pixelated}.lesson-devices{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:6px 0}.lesson-devices button{padding:3px 7px;font-size:11px}.lesson-devices span{font-size:10px;color:var(--muted);margin-left:4px}dialog.inside-dialog{width:calc(100% - 40px);max-width:1100px;max-height:90dvh}.inside-dialog .inside-scroll{height:54dvh;overflow:hidden;touch-action:none;cursor:grab}.inside-dialog .inside-scroll:active{cursor:grabbing}#inside-circuit{display:block;width:100%;height:100%}#inside-circuit .component-body{cursor:pointer}.inside-tools{display:flex;align-items:center;gap:8px;margin:10px 0}.inside-tools select{flex:1;min-width:0;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fdfdfb;color:inherit;font:inherit}#custom-preview{padding:10px 14px;background:#edf1e7;border:1px solid var(--line);border-radius:8px}#custom-preview p{margin:6px 0}.pin-warning{color:#805328}