.wb-app{--wb-border:#e2e8f0;position:relative}.wb-stage{border:1px solid var(--wb-border);background:#f8fafc;border-radius:14px;width:100%;height:clamp(520px,80vh,900px);position:relative;overflow:hidden}#wb-vector{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.wb-text-input{z-index:8;background:#ffffffe6;border:1px dashed #2563eb;outline:none;min-width:120px;padding:2px 4px;font-family:Arial,sans-serif;position:absolute}.wb-toolbar{z-index:7;border:1px solid var(--wb-border);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:2px;max-width:calc(100% - 24px);padding:5px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #0f172a1f}.wb-tool{cursor:pointer;color:#0f172a;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.05rem;display:inline-flex}.wb-tool:hover{background:#eef2ff}.wb-tool[aria-pressed=true]{color:#fff;background:#6366f1}.wb-sep{background:var(--wb-border);align-self:stretch;width:1px;margin:4px 3px}.wb-ico{justify-content:center;align-items:center;display:inline-flex}.wb-ico svg{width:20px;height:20px;display:block}.wb-icon-btn .wb-ico svg,.wb-pill .wb-ico svg{width:18px;height:18px}.wb-corner{z-index:7;gap:8px;display:flex;position:absolute}.wb-tl{top:12px;left:12px}.wb-tr{top:12px;right:12px}.wb-bl{bottom:12px;left:12px}.wb-icon-btn{border:1px solid var(--wb-border);cursor:pointer;color:#0f172a;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:40px;height:40px;padding:0 10px;font-size:1rem;display:inline-flex;box-shadow:0 2px 10px #0f172a14}.wb-icon-btn:hover{background:#eef2ff}.wb-labeled{font-size:.85rem;font-weight:600}.wb-bc{z-index:40;flex-direction:row;align-items:center;gap:8px;bottom:14px;left:50%;transform:translate(-50%)}.wb-rec-dot{background:#d92d20;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}#wb-rec-btn[aria-pressed=true] .wb-rec-dot{animation:1s ease-in-out infinite wb-rec-pulse}@keyframes wb-rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.wb-rec-time{font-variant-numeric:tabular-nums;color:#344054;min-width:3ch;font-size:.85rem}.wb-scrub-wrap{width:220px;height:16px;display:inline-block;position:relative}.wb-scrub{appearance:none;cursor:pointer;background:0 0;outline:none;width:220px;height:16px;margin:0}.wb-scrub::-webkit-slider-runnable-track{background:#d0d5dd;border-radius:3px;height:6px}.wb-scrub::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#344054;border-radius:50%;width:12px;height:12px;margin-top:-3px}.wb-scrub::-moz-range-track{background:#d0d5dd;border-radius:3px;height:6px}.wb-scrub::-moz-range-thumb{cursor:pointer;background:#344054;border:none;border-radius:50%;width:12px;height:12px}.wb-scrub-marks{pointer-events:none;height:100%;position:absolute;top:0;left:0;right:0}.wb-scrub-marks i{background:#98a2b3;border-radius:1px;width:2px;height:10px;position:absolute;top:3px;transform:translate(-1px)}.wb-rec-msg{z-index:45;pointer-events:none;color:#b42318;text-align:center;background:#fff;border:1px solid #fecdca;border-radius:10px;max-width:min(420px,100% - 24px);margin:0;padding:7px 12px;font-size:.8rem;line-height:1.35;position:absolute;bottom:62px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0f172a24}.wb-rec-msg[hidden]{display:none}.wb-replay-veil{z-index:30;cursor:default;background:#ffffff05;justify-content:center;align-items:flex-start;gap:10px;padding-top:14px;display:flex;position:absolute;inset:0}.wb-replay-veil[hidden]{display:none}.wb-replay-veil #wb-replay-veil-label{color:#fff;background:#101828;border-radius:999px;padding:4px 10px;font-size:.8rem}.wb-pop{position:relative}.wb-pop-list{z-index:9;border:1px solid var(--wb-border);background:#fff;border-radius:12px;flex-direction:column;min-width:210px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #0f172a29}.wb-pop-right{left:auto;right:0}.wb-pop-up{min-width:180px;top:auto;bottom:calc(100% + 6px)}#wb-rec-export-pop[hidden]{display:none}.wb-pop-list button{text-align:left;cursor:pointer;color:#0f172a;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:.9rem}.wb-pop-list button:hover{background:#eef2ff}.wb-pop-list hr{border:none;border-top:1px solid var(--wb-border);margin:5px 2px}.wb-pop-group{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:4px 10px 2px;font-size:.72rem}.wb-check{cursor:pointer;align-items:center;gap:8px;padding:7px 10px;font-size:.9rem;display:flex}.wb-row{justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:.85rem;display:flex}.wb-row select,.wb-row input[type=range]{min-width:0}.wb-danger{color:#dc2626!important}.wb-palette{z-index:6;border:1px solid var(--wb-border);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:7px;width:74px;padding:8px 7px;display:flex;position:absolute;top:66px;left:12px;box-shadow:0 6px 22px #0f172a1f}.wb-swatches{grid-template-columns:repeat(2,24px);justify-content:center;gap:6px;display:grid}.wb-swatch{background:var(--sw);cursor:pointer;border:2px solid #cbd5e1;border-radius:50%;width:24px;height:24px;padding:0}.wb-swatch[aria-pressed=true]{outline-offset:1px;outline:3px solid #6366f1}.wb-custom{justify-content:center;align-items:center;display:inline-flex}.wb-custom input{cursor:pointer;background:0 0;border:none;border-radius:50%;width:24px;height:24px;padding:0}.wb-pal-sep{background:var(--wb-border);width:54px;height:1px}.wb-pal-row{justify-content:center;align-items:flex-start;gap:12px;display:flex}.wb-pal-slider{flex-direction:column;align-items:center;gap:4px;display:flex}.wb-pal-cap{color:#94a3b8;font-size:.8rem;line-height:1}.wb-pal-cap.wb-ico svg{width:15px;height:15px}.wb-vrange{writing-mode:vertical-lr;accent-color:#6366f1;cursor:pointer;direction:rtl;width:6px;height:56px}.wb-pal-fill{color:#64748b;cursor:pointer;flex-direction:row;align-items:center;gap:5px;font-size:.72rem;display:flex}.wb-pal-fill input{cursor:pointer}.wb-pal-actions{flex-direction:row;gap:8px;display:flex}.wb-pal-select{flex-direction:row;align-items:center;gap:5px;min-width:0;display:flex}.wb-pal-select select{border:1px solid var(--wb-border);color:#0f172a;cursor:pointer;background:#fff;border-radius:6px;min-width:0;max-width:84px;padding:3px 4px;font-size:.72rem}.wb-arrow-row{gap:8px}.wb-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wb-align-grid{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.wb-layer-actions{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:6px;display:grid}.wb-pal-btn:disabled{opacity:.35;cursor:not-allowed}.wb-pal-btn{border:1px solid var(--wb-border);cursor:pointer;color:#0f172a;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.wb-pal-btn:hover{background:#eef2ff}.wb-pal-btn .wb-ico svg{width:17px;height:17px}.wb-danger.wb-pal-btn{color:#dc2626;border-color:#fecaca}.wb-pill{border:1px solid var(--wb-border);background:#fff;border-radius:10px;display:flex;overflow:hidden;box-shadow:0 2px 10px #0f172a14}.wb-pill button{cursor:pointer;color:#0f172a;background:#fff;border:none;min-width:40px;height:38px;font-size:.95rem}.wb-pill button:hover{background:#eef2ff}.wb-pill button:disabled{opacity:.4;cursor:not-allowed}#wb-zoom-level{font-variant-numeric:tabular-nums;min-width:54px;font-size:.8rem}.wb-hint{z-index:6;position:absolute;bottom:56px;left:14px}.wb-hint-btn{color:#475467;cursor:help;background:#ffffffd9;border:1px solid #d0d5dd;border-radius:50%;width:24px;height:24px;font-size:.8rem;font-weight:600;line-height:1}.wb-hint-text{white-space:nowrap;color:#fff;opacity:0;pointer-events:none;background:#101828;border-radius:6px;padding:4px 8px;font-size:.72rem;transition:opacity .12s;position:absolute;bottom:130%;left:0}.wb-hint:hover .wb-hint-text,.wb-hint:focus-within .wb-hint-text{opacity:1}.wb-minimap{cursor:pointer;z-index:6;touch-action:none;background:#ffffffeb;border:1px solid #d0d5dd;border-radius:8px;width:180px;height:120px;position:absolute;bottom:56px;right:14px;box-shadow:0 1px 6px #1018281a}.wb-minimap[hidden]{display:none}.wb-restore{z-index:8;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;display:flex;position:absolute;top:66px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #0f172a1f}.wb-restore button{cursor:pointer;background:#fff;border:1px solid #d97706;border-radius:8px;min-height:32px;padding:0 10px}.wb-privacy{color:#64748b;margin:.6rem 0 0;font-size:.8rem}.wb-app.wb-fs .wb-stage{border-radius:0;height:100vh}.wb-app.wb-full{position:fixed;inset:0}.wb-app.wb-full .wb-stage{border-top:none;border-left:none;border-right:none;border-radius:0;height:100dvh}.wb-app.wb-full .wb-privacy{display:none}.wb-app.wb-clean .wb-toolbar,.wb-app.wb-clean .wb-corner,.wb-app.wb-clean .wb-palette,.wb-app.wb-clean .wb-minimap,.wb-app.wb-clean .wb-hint,.wb-app.wb-clean~.board-exit,body.wb-clean-on .board-exit{opacity:0;pointer-events:none;transition:opacity .14s}.wb-app.wb-clean.wb-reveal .wb-toolbar,.wb-app.wb-clean.wb-reveal .wb-corner,.wb-app.wb-clean.wb-reveal .wb-palette,.wb-app.wb-clean.wb-reveal .wb-minimap,.wb-app.wb-clean.wb-reveal .wb-hint,body.wb-clean-on.wb-reveal-on .board-exit{opacity:1;pointer-events:auto}.wb-app.wb-clean .wb-toolbar{z-index:41}.wb-reveal-dot{cursor:pointer;z-index:40;background:0 0;border:0;justify-content:center;align-items:center;width:56px;min-width:44px;height:44px;min-height:44px;padding:0;transition:top .14s;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.wb-reveal-dot[hidden]{display:none}.wb-reveal-pill{background:#64748b73;border-radius:999px;width:34px;height:6px;transition:background .12s;display:block}.wb-reveal-dot:hover .wb-reveal-pill,.wb-reveal-dot:focus-visible .wb-reveal-pill{background:#475569cc}.wb-reveal-dot:focus-visible{outline-offset:-2px;border-radius:8px;outline:2px solid #6366f1}@media (prefers-reduced-motion:reduce){.wb-reveal-pill,.wb-reveal-dot,.wb-app.wb-clean .wb-toolbar,.wb-app.wb-clean .wb-corner,.wb-app.wb-clean .wb-palette,.wb-app.wb-clean .wb-minimap,.wb-app.wb-clean .wb-hint,.wb-app.wb-clean~.board-exit,body.wb-clean-on .board-exit{transition:none}}.wb-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.wb-stage{height:clamp(440px,70vh,680px)}.wb-swatch{width:22px;height:22px}.wb-vrange{height:60px}.wb-tool{width:34px;height:34px}.wb-hint,.wb-minimap{display:none}}