/* Contextlogic Draw Studio v2 — vector artwork always follows the board. */
.cll-frame > .cll-doodle-svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block!important;overflow:visible!important;pointer-events:none;z-index:12000!important;touch-action:none;contain:layout style;}
.cll-frame > .cll-doodle-svg.is-behind{z-index:0!important}
.cll-frame > .cll-doodle-svg.is-interactive{z-index:12000!important;pointer-events:auto!important;cursor:crosshair;touch-action:none}
.cll-frame > .cll-doodle-svg.is-interactive[data-tool="eraser"]{cursor:cell}
.cll-frame > .cll-doodle-svg.is-interactive[data-tool="select"]{cursor:default}
.cll-doodle-svg [data-stroke-id]{pointer-events:none}
.cll-doodle-svg .cll-doodle-selected{filter:drop-shadow(0 0 8px #1a73e8)}
.cll-doodle-toggle{white-space:nowrap;border:1px solid #555!important;background:#fff!important;color:#111!important;font:600 12px/1.5 system-ui,sans-serif!important;padding:6px 11px!important;cursor:pointer!important}
.cll-doodle-toggle.is-active{background:#151515!important;color:#fff!important}
.cll-doodle-panel{position:fixed;z-index:2147482900;top:105px;right:24px;width:min(348px,calc(100vw - 24px));max-height:calc(100dvh - 28px);overflow-y:auto;box-sizing:border-box;background:#fff;color:#181818;border:1px solid #b5b5b5;border-radius:9px;box-shadow:0 15px 45px #0003;font:13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:contain}
.cll-doodle-panel[hidden]{display:none!important}
.cll-doodle-panel *{box-sizing:border-box}
.cll-doodle-header{padding:12px 13px;background:#191919;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:9px;border-radius:8px 8px 0 0;cursor:move;user-select:none;touch-action:none}
.cll-doodle-header strong{font-size:13px;letter-spacing:.08em}
.cll-doodle-header small{display:block;color:#ddd;font-size:10px;margin-top:2px}
.cll-doodle-panel button{border:1px solid #c6c6c6;border-radius:4px;padding:7px 9px;background:#fff;color:#111;font:inherit;cursor:pointer;white-space:nowrap;line-height:1.15;min-height:31px}
.cll-doodle-panel button:hover{border-color:#333}
.cll-doodle-panel button:disabled{opacity:.4;cursor:not-allowed}
.cll-doodle-panel .cll-doodle-close{border:1px solid #666;background:#222;color:#fff}
.cll-doodle-content{padding:12px 13px;display:grid;gap:11px}
.cll-doodle-section{display:grid;gap:5px}
.cll-doodle-section >label,.cll-doodle-label{font-weight:650;font-size:11px;text-transform:uppercase;letter-spacing:.045em;color:#525252}
.cll-doodle-brushes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.cll-doodle-panel button[aria-pressed="true"]{color:#fff;background:#171717;border-color:#171717}
.cll-doodle-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cll-doodle-row input[type="range"]{flex:1;min-width:96px;accent-color:#333}
.cll-doodle-row input[type="color"]{width:42px;height:34px;padding:2px;border:1px solid #bcbcbc;background:white;cursor:pointer}
.cll-doodle-row output{min-width:38px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}
.cll-doodle-panel .cll-doodle-check{display:inline-flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}
.cll-doodle-check input{margin:0}
.cll-doodle-divider{height:1px;background:#e5e5e5}
.cll-doodle-panel .cll-doodle-danger{color:#ad2424;border-color:#dfa4a4}
.cll-doodle-status{background:#f4f4f4;padding:8px;border-radius:4px;color:#444;font-size:11px;min-height:32px}
.cll-doodle-counter{color:#737373;font-size:11px}
.cll-doodle-selected-controls[hidden]{display:none!important}
.cll-doodle-layer-mode{width:100%;padding:7px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#222}
/* v2 selection language: unlocked blue, locked red; no unrelated persistent red selection. */
.cll-composer .cll-plot.is-selected:not(.is-locked),
.cll-composer .cll-plot.is-dragging:not(.is-locked){outline:2px solid #1678ee!important;outline-offset:2px!important}
.cll-composer .cll-plot.is-selected.is-locked:not(.is-dragging){outline:3px dashed #e02222!important;outline-offset:2px!important}
.cll-composer .cll-plot.is-locked:not(.is-selected){outline:1px dashed #e08888!important;outline-offset:1px!important}
.cll-composer .cll-plot.is-selected:not(.is-locked) .cll-item-lock{border-color:#1678ee!important}
@media(max-width:600px){.cll-doodle-panel{top:55px;right:9px;width:min(335px,calc(100vw - 18px))}.cll-doodle-content{padding:9px;gap:8px}.cll-doodle-brushes{grid-template-columns:repeat(3,minmax(0,1fr))}}