@layer properties,theme,base;@layer components{._root_qllct_4{border-radius:var(--pui-radius-card);background:var(--pui-canvas,var(--pui-surface));width:100%;height:100%;min-height:26rem;box-shadow:inset 0 0 0 1px var(--pui-line-soft);isolation:isolate;position:relative;overflow:hidden;container-type:inline-size}._port_qllct_17{background:radial-gradient(circle, var(--pui-line) 1px, transparent 1.4px) var(--grid-x) var(--grid-y) / var(--grid) var(--grid);touch-action:none;cursor:default;-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0;overflow:hidden}._port_qllct_17:focus-visible{outline:var(--pui-focus-width) var(--pui-focus-style) var(--pui-focus-ring);outline-offset:calc(-1 * var(--pui-focus-width))}._port_qllct_17:not([data-tool=select]):not([data-tool=hand]){cursor:crosshair}._port_qllct_17[data-tool=text]{cursor:text}._port_qllct_17[data-tool=hand],._port_qllct_17[data-panning]{cursor:grab}._port_qllct_17[data-panning]:active{cursor:grabbing}._world_qllct_46{transform-origin:0 0;width:0;height:0;position:absolute;inset:0 auto auto 0}._empty_qllct_53{padding:var(--pui-space-6);color:var(--pui-ink-3);font-size:var(--pui-text-sm);text-align:center;pointer-events:none;place-items:center;margin:0;display:grid;position:absolute;inset:0}._sticky_qllct_67,._shape_qllct_68,._text_qllct_69,._section_qllct_70,._pen_qllct_71{position:absolute;top:0;left:0}._sticky_qllct_67{border-radius:var(--pui-radius-chip);background:var(--fill);box-shadow:0 0 0 1px var(--pui-line-soft), var(--pui-shadow-sm);color:var(--pui-ink);padding:12px;display:flex}._words_qllct_86{min-width:0;font-family:var(--pui-font-sans);font-weight:var(--pui-weight-medium);text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;flex-direction:column;flex:1;justify-content:center;line-height:1.3;display:flex;overflow:hidden}._wordsText_qllct_100{display:block}._shape_qllct_68{color:var(--pui-ink);padding:10px;display:flex}._shape_qllct_68 ._words_qllct_86{position:relative}._outline_qllct_111{position:absolute;inset:0;overflow:visible}._text_qllct_69{display:flex}._text_qllct_69 ._words_qllct_86{text-align:start;font-weight:var(--pui-weight-semibold);justify-content:flex-start;overflow:visible}._section_qllct_70{border-radius:var(--pui-radius-card);background:var(--fill);box-shadow:inset 0 0 0 1.5px var(--edge)}._sectionTitle_qllct_130{border-radius:var(--pui-radius-chip);background:var(--edge);max-width:100%;color:var(--pui-ink);font-size:15px;font-weight:var(--pui-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:default;margin-bottom:8px;padding:4px 10px;line-height:1.35;position:absolute;bottom:100%;left:0;overflow:hidden}._sectionTitle_qllct_130 ._editor_qllct_148{white-space:nowrap;min-width:8ch}._pen_qllct_71{pointer-events:none;overflow:visible}._port_qllct_17[data-tool=select]:not([data-panning]) :is(._sticky_qllct_67,._shape_qllct_68,._text_qllct_69):hover,._port_qllct_17[data-tool=select]:not([data-panning]) ._sectionTitle_qllct_130:hover{outline:calc(1.5px / var(--z,1)) solid var(--pui-accent);outline-offset:calc(2px / var(--z,1))}._links_qllct_162{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}._hit_qllct_172{fill:none;stroke:#0000;stroke-linecap:round;pointer-events:stroke}._linkLabel_qllct_178{border-radius:var(--pui-radius-chip);background:var(--pui-canvas,var(--pui-surface));box-shadow:0 0 0 1px var(--pui-line);color:var(--pui-ink-2);font-size:13px;font-weight:var(--pui-weight-medium);white-space:nowrap;padding:2px 8px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}._editor_qllct_148{width:100%;min-height:1.3em;color:inherit;font:inherit;line-height:inherit;text-align:inherit;resize:none;caret-color:var(--pui-accent);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;margin:0;padding:0;display:block;overflow:hidden}._editor_qllct_148::placeholder{color:var(--pui-ink-3)}._overlay_qllct_217{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}._selection_qllct_225,._member_qllct_226,._target_qllct_227,._marquee_qllct_228{fill:none;stroke:var(--pui-accent);stroke-width:1.5px}._member_qllct_226{stroke-width:1px}._target_qllct_227{stroke-width:2.5px}._marquee_qllct_228{fill:var(--pui-accent-tint);stroke-width:1px}._handle_qllct_243{fill:var(--pui-surface);stroke:var(--pui-accent);stroke-width:1.5px;pointer-events:all;cursor:nwse-resize}._handle_qllct_243[data-handle=n],._handle_qllct_243[data-handle=s]{cursor:ns-resize}._handle_qllct_243[data-handle=e],._handle_qllct_243[data-handle=w]{cursor:ew-resize}._handle_qllct_243[data-handle=ne],._handle_qllct_243[data-handle=sw]{cursor:nesw-resize}._handle_qllct_243[data-end]{cursor:move}._dot_qllct_265{fill:var(--pui-surface);stroke:var(--pui-accent);stroke-width:1.5px;pointer-events:all;cursor:crosshair}._dot_qllct_265:hover circle:last-child{fill:var(--pui-accent)}._dotHit_qllct_275{fill:#0000;stroke:none}._linkHalo_qllct_280{fill:none;stroke:var(--pui-accent);stroke-opacity:.32;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}._linkSelected_qllct_288{fill:none;stroke:var(--pui-accent);stroke-width:1.5px;stroke-dasharray:4 4;stroke-linecap:round}._guide_qllct_295{stroke:var(--pui-red);stroke-width:1px}._topLeft_qllct_301,._topRight_qllct_302,._zoom_qllct_303{z-index:2;align-items:center;gap:var(--pui-space-1);display:flex;position:absolute}._topLeft_qllct_301{top:var(--pui-space-3);left:var(--pui-space-3);pointer-events:none;max-width:50%}._title_qllct_316{padding:var(--pui-space-1-5) var(--pui-space-3);border-radius:var(--pui-radius-control);color:var(--pui-ink);font-size:var(--pui-text-sm);font-weight:var(--pui-weight-semibold);white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;overflow:hidden}._topRight_qllct_302{top:var(--pui-space-3);right:var(--pui-space-3);padding:var(--pui-space-1);border-radius:var(--pui-radius-card)}._sep_qllct_333{width:1px;height:1.25rem;margin-inline:var(--pui-space-0-5,2px);background:var(--pui-line);flex:none}._flip_qllct_340:dir(rtl){scale:-1 1}._dock_qllct_344{inset-inline:var(--pui-space-2);bottom:var(--pui-space-4);z-index:2;align-items:center;gap:var(--pui-space-2);pointer-events:none;flex-direction:column;display:flex;position:absolute}._dock_qllct_344>*{pointer-events:auto;max-width:100%}._tools_qllct_359{gap:var(--pui-space-0-5,2px);padding:var(--pui-space-1-5);border-radius:var(--pui-radius-panel);flex-wrap:nowrap}._tool_qllct_359{width:2.5rem;min-width:2.5rem;height:2.5rem}._tool_qllct_359 svg{width:1.25rem;height:1.25rem}._tool_qllct_359[aria-checked=true]{background:var(--pui-accent);color:var(--pui-accent-foreground)}._toolSep_qllct_379{width:1px;height:1.5rem;margin-inline:var(--pui-space-1);background:var(--pui-line);flex:none;align-self:center}._options_qllct_387{justify-content:center;align-items:center;gap:var(--pui-space-2);padding:var(--pui-space-1-5) var(--pui-space-2-5,.625rem);border-radius:var(--pui-radius-card);flex-wrap:wrap;display:flex}._hint_qllct_396{color:var(--pui-ink-2);font-size:var(--pui-text-xs)}._zoom_qllct_303{right:var(--pui-space-3);bottom:var(--pui-space-4);padding:var(--pui-space-1);border-radius:var(--pui-radius-card);gap:0}._zoomLevel_qllct_407{font-variant-numeric:tabular-nums;min-width:3.5rem}@container (width<44rem){._zoom_qllct_303{top:calc(var(--pui-space-3) + 3rem);bottom:auto}}@container (width<30rem){._handTool_qllct_419,._handTool_qllct_419+._toolSep_qllct_379{display:none}._tool_qllct_359{width:2.375rem;min-width:2.375rem}._zoomLevel_qllct_407{min-width:3rem}}._contextBar_qllct_433{z-index:3;align-items:center;gap:var(--pui-space-0-5,2px);padding:var(--pui-space-1);border-radius:var(--pui-radius-card);white-space:nowrap;display:flex;position:absolute;top:0;left:0}._colorDot_qllct_445{border-radius:var(--pui-radius-pill);background:var(--c,var(--pui-hover-2));width:1.125rem;height:1.125rem;box-shadow:inset 0 0 0 1px var(--pui-line-strong);display:block}._colorDot_qllct_445[data-mixed]{background:conic-gradient(var(--pui-red), var(--pui-orange), var(--pui-green), var(--pui-blue), var(--pui-violet), var(--pui-red))}._colorPop_qllct_463{width:auto}._stylePop_qllct_466{width:18rem}._inspector_qllct_471{gap:var(--pui-space-3);flex-direction:column;display:flex}._inspectorHead_qllct_476{color:var(--pui-ink);font-size:var(--pui-text-sm);font-weight:var(--pui-weight-semibold);margin:0}._prop_qllct_482{gap:var(--pui-space-1-5);flex-direction:column;display:flex}._propLabel_qllct_487{align-items:center;gap:var(--pui-space-1-5);color:var(--pui-ink-2);font-size:var(--pui-text-xs);font-weight:var(--pui-weight-medium);display:flex}._mixed_qllct_496{padding:0 var(--pui-space-1-5);border-radius:var(--pui-radius-chip);background:var(--pui-orange-tint);color:var(--pui-ink);font-size:var(--pui-text-2xs);font-weight:var(--pui-weight-medium)}._note_qllct_504{color:var(--pui-ink-3);font-size:var(--pui-text-2xs)}._swatches_qllct_508{gap:var(--pui-space-1);flex-wrap:wrap;display:flex}._swatch_qllct_508{border-radius:var(--pui-radius-control);background:var(--c,var(--pui-hover));width:1.75rem;height:1.75rem;box-shadow:inset 0 0 0 1px var(--pui-line-strong);color:var(--pui-ink-2);cursor:pointer;border:0;place-items:center;padding:0;display:grid}._swatch_qllct_508[data-gradient]{background:var(--g);color:var(--pui-ink)}._swatch_qllct_508 svg{width:var(--pui-icon-sm);height:var(--pui-icon-sm)}._swatch_qllct_508[aria-checked=true]{box-shadow:0 0 0 2px var(--pui-surface), 0 0 0 4px var(--pui-accent)}._widthMark_qllct_539{width:1rem;height:calc(var(--w) * 1.5px);background:currentColor;border-radius:2px;display:block}._styleMark_qllct_546{border-top:2px solid;width:1.1rem;display:block}._styleMark_qllct_546[data-style=dashed]{border-top-style:dashed}._styleMark_qllct_546[data-style=dotted]{border-top-style:dotted}._gradientPop_qllct_559{width:21rem}._gradient_qllct_559{gap:var(--pui-space-2-5,.625rem);flex-direction:column;display:flex}._gradientBar_qllct_567{height:1.75rem;margin-inline:var(--pui-space-2);border-radius:var(--pui-radius-control);background:var(--g), repeating-conic-gradient(var(--pui-hover-2) 0 25%, transparent 0 50%) 0 0 / 10px 10px;box-shadow:inset 0 0 0 1px var(--pui-line-strong);cursor:copy;position:relative}._stop_qllct_578{top:50%;border:2px solid var(--pui-surface);border-radius:var(--pui-radius-chip);background:var(--c);width:1rem;height:2.25rem;box-shadow:0 0 0 1px var(--pui-line-strong);cursor:grab;touch-action:none;padding:0;position:absolute;inset-inline-start:calc(var(--p) * 100%);translate:-50% -50%}._stop_qllct_578:dir(rtl){translate:50% -50%}._stop_qllct_578[aria-pressed=true]{box-shadow:0 0 0 1px var(--pui-surface), 0 0 0 3px var(--pui-accent);z-index:1}._stop_qllct_578:focus-visible{outline:var(--pui-focus-width) var(--pui-focus-style) var(--pui-focus-ring)}._stopFields_qllct_605{align-items:end;gap:var(--pui-space-2);grid-template-columns:auto minmax(0,1fr) 6rem;display:grid}._stopSwatch_qllct_611{border-radius:var(--pui-radius-control);background:linear-gradient(var(--c), var(--c)), repeating-conic-gradient(var(--pui-hover-2) 0 25%, transparent 0 50%) 0 0 / 8px 8px;width:2rem;height:2rem;box-shadow:inset 0 0 0 1px var(--pui-line-strong)}._hex_qllct_620 input{font-family:var(--pui-font-code)}._alpha_qllct_623,._stopFields_qllct_605 ._note_qllct_504{grid-column:1/-1}._gradientRow_qllct_629{align-items:flex-end;gap:var(--pui-space-2);flex-wrap:wrap;display:flex}._angle_qllct_635{flex:1;min-width:8rem}._popFoot_qllct_639{justify-content:flex-end;gap:var(--pui-space-2);display:flex}._quiet_qllct_644{color:var(--pui-ink-3);font-size:var(--pui-text-xs);margin:0}._export_qllct_651{gap:var(--pui-space-4);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}@container (width<36rem){._export_qllct_651{grid-template-columns:minmax(0,1fr)}}._preview_qllct_661{min-height:14rem;padding:var(--pui-space-3);border-radius:var(--pui-radius-control);background:var(--pui-hover);grid-template-columns:minmax(0,1fr);place-items:center;display:grid}._preview_qllct_661[data-transparent]{background:repeating-conic-gradient(var(--pui-hover-2) 0 25%, var(--pui-hover) 0 50%) 0 0 / 16px 16px}._previewSizer_qllct_673{grid-area:1/1;justify-self:stretch;height:0}._previewBox_qllct_678{pointer-events:none;grid-area:1/1;position:relative;overflow:hidden}._paper_qllct_684{background:var(--pui-canvas,var(--pui-surface));position:absolute;inset:0}._exportOptions_qllct_689{gap:var(--pui-space-3);flex-direction:column;display:flex}._outputSize_qllct_694{margin-top:calc(-1 * var(--pui-space-1-5));color:var(--pui-ink-2);font-family:var(--pui-font-code);font-size:var(--pui-text-xs)}._notice_qllct_700{padding:var(--pui-space-1-5) var(--pui-space-2);border-radius:var(--pui-radius-control);background:var(--pui-blue-tint);color:var(--pui-ink);font-size:var(--pui-text-xs);margin:0}._notice_qllct_700[data-tone=success]{background:var(--pui-green-tint)}._notice_qllct_700[data-tone=danger]{background:var(--pui-red-tint)}}@layer utilities;