@scope([data-example]){[data-slot=blend-pad-layout]{justify-content:center;align-items:center;gap:var(--space-8);flex-wrap:wrap;width:100%;display:flex}[data-slot=blend-pad-layout]>[data-slot=stack]{align-items:center;width:14rem}[data-slot=blend-pad-layout] [data-slot=hint]{text-align:center}[data-slot=blend-pad]{box-sizing:border-box;border-radius:var(--radius-surface);background-color:var(--surface-1);background-image:linear-gradient(var(--line-faint) 1px, transparent 1px), linear-gradient(90deg, var(--line-faint) 1px, transparent 1px);width:256px;height:256px;box-shadow:var(--shadow-1);background-position:50%;background-size:32px 32px}[data-slot=blend-pad][data-dragging]{background-color:var(--tint)}[data-slot=blend-pad-anchor]{height:24px;padding-inline:var(--space-2);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ink), var(--shadow-drop);color:var(--ink);font:inherit;font-size:var(--text-xs);white-space:nowrap;border:0;border-radius:6px;font-weight:500}[data-slot=blend-pad-anchor]:hover{background:var(--tint)}[data-slot=blend-pad-anchor][aria-pressed=true]{background:var(--ink);color:var(--paper)}[data-slot=blend-pad-puck]{box-sizing:border-box;border:2px solid var(--paper);background:var(--ink);width:20px;height:20px;box-shadow:0 0 0 1px var(--ink), var(--shadow-drop);cursor:grab;border-radius:50%}[data-dragging]>[data-slot=blend-pad-puck]{cursor:grabbing}[data-slot=blend-pad-preview]{height:40px;padding-inline:var(--space-4);border-radius:var(--blend-radius);background:var(--blend-color);box-shadow:var(--shadow-drop);color:#fff;font:inherit;font-size:var(--text-sm);font-weight:var(--blend-weight);border:0}:scope[data-example=experiments\/board] [data-slot=stack]:has(>[data-slot=board]){width:100%}:scope[data-example=experiments\/board] [data-slot=board]{box-sizing:border-box;border-radius:var(--radius-surface);background-color:var(--surface-1);background-image:radial-gradient(var(--line-faint) 1px, transparent 1px);width:100%;height:320px;box-shadow:var(--shadow-1);background-size:16px 16px;overflow:hidden}:scope[data-example=experiments\/board] [data-slot=board-card]{box-sizing:border-box;width:9rem;padding:var(--space-3);border-radius:var(--radius-surface);background:var(--surface-2);box-shadow:var(--shadow-1);font-size:var(--text-sm);cursor:grab;flex-direction:column;gap:2px;display:flex}:scope[data-example=experiments\/board] [data-slot=board-card]>[data-slot=row]{flex-wrap:nowrap;font-weight:500}:scope[data-example=experiments\/board] [data-slot=board-card] [data-slot=swatch]{width:var(--space-2);height:var(--space-2);border-radius:50%}:scope[data-example=experiments\/board] [data-slot=board-card][data-lassoed]{background:var(--tint)}:scope[data-example=experiments\/board] [data-slot=board-card][data-selected]{background:var(--tint);box-shadow:0 0 0 1px var(--ink), var(--shadow-drop)}:scope[data-example=experiments\/board] [data-slot=board-card][data-selected] [data-slot=hint]{color:var(--muted)}:scope[data-example=experiments\/board] [data-slot=board-card][data-selected] [data-slot=swatch]{border-color:var(--ink)}:scope[data-example=experiments\/board] [data-slot=board-card][data-dragging]{box-shadow:var(--shadow-2);cursor:grabbing}:scope[data-example=experiments\/board] [data-slot=board-lasso]{border:1px solid var(--line);background:color-mix(in oklab, var(--ink) 6%, transparent);border-radius:4px}:scope[data-example=experiments\/canvas] [data-slot=canvas]{box-sizing:border-box;border-radius:var(--radius-surface);background-color:var(--surface-1);background-image:radial-gradient(var(--line-faint) 1px, transparent 1px);background-size:calc(16px * var(--canvas-zoom)) calc(16px * var(--canvas-zoom));width:100%;height:420px;box-shadow:var(--shadow-1);cursor:grab}:scope[data-example=experiments\/canvas] [data-slot=canvas]:active{cursor:grabbing}:scope[data-example=experiments\/canvas] [data-slot=canvas][data-connecting]{cursor:crosshair}:scope[data-example=experiments\/canvas] [data-slot=canvas-edges]{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}:scope[data-example=experiments\/canvas] [data-slot=canvas-edge]{stroke:var(--line)}:scope[data-example=experiments\/canvas] [data-slot=canvas-wire]{stroke:var(--ink)}:scope[data-example=experiments\/canvas] [data-slot=canvas-wire][data-snapped]{stroke-dasharray:none}:scope[data-example=experiments\/canvas] [data-slot=canvas-unlink]{box-sizing:border-box;background:var(--surface-2);width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--ink), var(--shadow-drop);color:var(--muted);opacity:0;transition:opacity var(--duration);border:0;border-radius:50%;place-items:center;padding:0;display:grid}:scope[data-example=experiments\/canvas] [data-slot=canvas-unlink]:is(:hover,:focus-visible){color:var(--ink);opacity:1}:scope[data-example=experiments\/canvas] [data-slot=canvas-unlink] svg{width:12px;height:12px}:scope[data-example=experiments\/canvas] [data-slot=canvas-node]{box-sizing:border-box;padding-inline:var(--space-4);border-radius:var(--radius-control);background:var(--surface-2);box-shadow:var(--shadow-1);font-size:var(--text-sm);cursor:default;align-items:center;font-weight:500;display:flex}:scope[data-example=experiments\/canvas] [data-slot=canvas-node][data-lassoed]{background:var(--tint)}:scope[data-example=experiments\/canvas] [data-slot=canvas-node][data-selected]{background:var(--tint);box-shadow:0 0 0 1px var(--ink), var(--shadow-drop)}:scope[data-example=experiments\/canvas] [data-slot=canvas-node][data-dragging]{box-shadow:var(--shadow-2);cursor:grabbing}:scope[data-example=experiments\/canvas] [data-slot=canvas-port]{box-sizing:border-box;border:2px solid var(--surface-2);background:var(--line);width:12px;height:12px;transition-property:scale,background-color;transition-duration:var(--duration);border-radius:50%;position:absolute;top:50%;translate:0 -50%}:scope[data-example=experiments\/canvas] [data-slot=canvas-port][data-side=left]{left:-6px}:scope[data-example=experiments\/canvas] [data-slot=canvas-port][data-side=right]{right:-6px}:scope[data-example=experiments\/canvas] [data-slot=canvas-port]:hover{scale:1.5}:scope[data-example=experiments\/canvas] [data-slot=canvas-port][data-connect=candidate]{background:color-mix(in oklab, var(--ink) 60%, var(--surface-1))}:scope[data-example=experiments\/canvas] [data-slot=canvas-port]:is([data-connect=source],[data-connect=target]){background:var(--ink)}:scope[data-example=experiments\/canvas] [data-slot=canvas-port][data-connect=target]{scale:1.5}:scope[data-example=experiments\/canvas] [data-slot=canvas-lasso]{border:1px solid var(--line);background:color-mix(in oklab, var(--ink) 6%, transparent);border-radius:4px}:scope[data-example=experiments\/canvas] [data-slot=canvas-controls]{right:var(--space-3);bottom:var(--space-3);padding:var(--space-1);border-radius:var(--radius-surface);background:var(--surface-2);box-shadow:var(--shadow-2);align-items:center;gap:2px;display:flex;position:absolute}:scope[data-example=experiments\/canvas] [data-slot=canvas-controls]>button{width:var(--size-sm);height:var(--size-sm);border-radius:var(--radius-row);box-shadow:none;color:var(--ink);background:0 0;place-items:center;padding:0;display:grid}:scope[data-example=experiments\/canvas] [data-slot=canvas-controls]>button:hover{background:var(--tint)}:scope[data-example=experiments\/canvas] [data-slot=canvas-controls]>button:active{background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink)}:scope[data-example=experiments\/canvas] [data-slot=canvas-zoom]{width:40px;color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center}[data-slot=chat]{box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-1);width:32rem;max-width:100%;height:26rem;box-shadow:var(--shadow-1);flex-direction:column;display:flex;position:relative;overflow:hidden}[data-slot=chat-log]{gap:var(--space-3);padding:var(--space-4);outline-offset:-3px;flex-direction:column;flex:1;display:flex}[data-slot=chat-earlier]{height:24px;padding-inline:var(--space-3);border-radius:var(--radius-row);box-shadow:inset 0 0 0 1px var(--line-faint);color:var(--muted);font:inherit;font-size:var(--text-xs);background:0 0;border:0;align-self:center;font-weight:500}[data-slot=chat-earlier]:hover:not(:disabled){background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}[data-slot=chat-earlier]:disabled{box-shadow:none;color:var(--line-disabled)}[data-slot=chat-message]{max-width:80%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-surface);font-size:var(--text-sm)}[data-slot=chat-message][data-from=you]{background:var(--ink);color:var(--paper);align-self:flex-end}[data-slot=chat-message][data-from=you] [data-slot=hint]{color:inherit;opacity:.7}[data-slot=chat-message][data-from=them]{background:var(--tint);align-self:flex-start}[data-slot=chat-jump]{align-items:center;gap:var(--space-2);height:var(--size-sm);padding-inline:var(--space-3);background:var(--surface-2);box-shadow:var(--shadow-2);color:var(--ink);font:inherit;font-size:var(--text-sm);opacity:0;translate:-50% var(--space-2);transition-property:opacity,translate;transition-duration:calc(var(--duration) * 2);pointer-events:none;border:0;border-radius:999px;font-weight:500;display:flex;position:absolute;bottom:80px;left:50%}[data-slot=chat-jump]:hover{background:var(--tint)}[data-slot=chat-jump][data-visible]{opacity:1;pointer-events:auto;translate:-50%}[data-slot=chat-unseen]{background:var(--ink);border-radius:50%;width:6px;height:6px;display:none}[data-unseen]>[data-slot=chat-unseen]{display:block}[data-slot=chat-composer]{align-items:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--line-faint);display:flex}[data-slot=chat-composer]>textarea{max-width:none;min-height:var(--size);resize:none;flex:1;max-height:96px}[data-slot=hsv-picker]{gap:var(--space-3);box-sizing:border-box;width:16rem;padding:var(--space-3);border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);flex-direction:column;display:flex}[data-slot=hsv-picker] [data-slot=slider-track]{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:12px}[data-slot=hsv-picker]>[data-slot=row]{flex-wrap:nowrap}[data-slot=hsv-picker]>[data-slot=row]>[data-slot=swatch]{width:var(--size);height:var(--size);border-radius:var(--radius-control)}[data-slot=hsv-picker]>[data-slot=row][role=group]{justify-content:space-between}[data-slot=hsv-picker-area]{box-sizing:border-box;border-radius:var(--radius-control);width:100%;height:160px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 15%, transparent);cursor:crosshair}[data-slot=hsv-picker-thumb]{box-sizing:border-box;width:var(--size-icon);height:var(--size-icon);box-shadow:0 0 0 1px #00000059, var(--shadow-drop);border:2px solid #fff;border-radius:50%}[data-slot=hsv-picker-input]{font-size:var(--text-sm);flex:1}[data-slot=hsv-picker-swatch]{box-sizing:border-box;width:24px;height:24px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 15%, transparent);border:0;border-radius:6px;padding:0}[data-slot=hsv-picker-swatch][aria-pressed=true]{box-shadow:0 0 0 2px var(--surface-1), 0 0 0 3px var(--ink)}[data-slot=stack]:has(>[data-slot=context-menu-area]){align-items:stretch;width:28rem;max-width:100%}[data-slot=context-menu-area]{border-block:1px solid var(--line-faint);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}[data-slot=context-menu-file]{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);outline-offset:-3px;font-weight:500;display:flex}[data-slot=context-menu-file]+[data-slot=context-menu-file]{border-top:1px solid var(--line-faint)}[data-slot=context-menu-file]:hover{background:var(--tint)}[data-slot=context-menu-menu]{box-sizing:border-box;border-radius:var(--radius-popup);background:var(--surface-2);min-width:11rem;box-shadow:inset 0 0 0 1px var(--line), var(--shadow-float);color:var(--ink);font-size:var(--text-md);outline:none;flex-direction:column;gap:2px;padding:5px;display:flex;overflow-y:auto}[data-slot=context-menu-item]{align-items:center;gap:var(--space-4);box-sizing:border-box;border-radius:var(--radius-row);cursor:default;-webkit-user-select:none;user-select:none;outline:none;min-height:32px;padding:6px 10px;display:flex}[data-slot=context-menu-item]:focus{background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=context-menu-item][data-disabled]{color:var(--line-disabled)}[data-slot=context-menu-item][data-destructive]{color:var(--danger)}[data-slot=context-menu-item][data-destructive]:focus{background:color-mix(in oklab, var(--danger) 9%, var(--surface-2));box-shadow:inset 0 0 0 1px var(--danger)}[data-slot=stack]:has(>[data-slot=data-grid]){align-items:stretch;width:100%}[data-slot=data-grid]{box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-1);width:100%;height:384px;box-shadow:var(--shadow-1);font-size:var(--text-sm)}[data-slot=data-grid-content]{min-width:40rem}:is([data-slot=data-grid-header],[data-slot=data-grid-row]){grid-template-columns:var(--data-grid-columns);display:grid}[data-slot=data-grid-header]{border-bottom:1px solid var(--line);background:var(--surface-1);color:var(--muted);font-size:var(--text-xs);font-weight:500}:is([data-slot=data-grid-columnheader],[data-slot=data-grid-cell]){min-width:0;padding-inline:var(--space-3);outline:none;align-items:center;display:flex}:is([data-slot=data-grid-columnheader],[data-slot=data-grid-cell])[data-numeric]{font-variant-numeric:tabular-nums;justify-content:flex-end}:is([data-slot=data-grid-columnheader],[data-slot=data-grid-cell])[data-active]{box-shadow:inset 0 0 0 1px var(--ink);border-radius:4px}[data-slot=data-grid-columnheader]{gap:var(--space-1);cursor:pointer;-webkit-user-select:none;user-select:none}[data-slot=data-grid-columnheader]:hover{color:var(--ink)}[data-slot=data-grid-sort]{width:12px;color:var(--ink)}[data-slot=data-grid-row]{border-bottom:1px solid var(--line-faint);background:var(--surface-1)}[data-slot=data-grid-row][data-selected]{background:var(--tint)}[data-slot=data-grid-row][data-selected] [data-slot=swatch]{border-color:var(--ink)}[data-slot=data-grid-row][data-selected] [data-active]{box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=data-grid-cell]{white-space:nowrap;overflow:hidden}[data-slot=data-grid-cell]>span:not([data-slot]){text-overflow:ellipsis;overflow:hidden}[data-slot=data-grid-cell]>[data-slot=row]{flex-wrap:nowrap;gap:6px}[data-slot=data-grid-cell] [data-slot=swatch]{border-radius:50%;width:6px;height:6px}[data-slot=data-grid-editor]{box-sizing:border-box;width:100%;min-width:0;height:var(--size-sm);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink);font:inherit;border:0;border-radius:6px;padding-inline:6px}[data-slot=data-grid-editor]:focus-visible{outline-offset:0}[data-numeric]>[data-slot=data-grid-editor]{text-align:end}:scope[data-example=experiments\/desktop] [data-slot=desktop]{box-sizing:content-box;width:var(--desktop-width);height:calc(var(--desktop-height) + 48px);border-radius:var(--radius-surface);background-color:var(--paper);background-image:radial-gradient(var(--line-faint) 1px, transparent 1px);box-shadow:var(--shadow-1);background-size:16px 16px}:scope[data-example=experiments\/desktop] [data-slot=desktop-screen]{height:var(--desktop-height);position:relative}:scope[data-example=experiments\/desktop] [data-slot=desktop-window]{box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-2);box-shadow:var(--shadow-1);outline:none;flex-direction:column;display:flex;overflow:visible}:scope[data-example=experiments\/desktop] [data-slot=desktop-window][data-active]:not([data-maximized]){box-shadow:var(--shadow-2)}:scope[data-example=experiments\/desktop] [data-slot=desktop-window][data-maximized]{border-radius:var(--radius-surface) var(--radius-surface) 0 0}:scope[data-example=experiments\/desktop] [data-slot=desktop-titlebar]{align-items:center;gap:var(--space-1);height:var(--size);border-bottom:1px solid var(--line-faint);border-radius:var(--radius-surface) var(--radius-surface) 0 0;color:var(--muted);flex-shrink:0;padding-inline-end:6px;display:flex}[data-active]>:is(:scope[data-example=experiments\/desktop] [data-slot=desktop-titlebar]){background:var(--tint);color:var(--ink)}:scope[data-example=experiments\/desktop] [data-slot=desktop-title]{min-width:0;padding-inline:var(--space-3);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;outline-offset:-3px;flex:1;align-self:stretch;align-items:center;font-weight:500;display:flex;overflow:hidden}:scope[data-example=experiments\/desktop] :is([data-slot=desktop-maximize],[data-slot=desktop-close]){box-sizing:border-box;width:22px;height:22px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}:scope[data-example=experiments\/desktop] :is([data-slot=desktop-maximize],[data-slot=desktop-close]):hover{background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}:scope[data-example=experiments\/desktop] :is([data-slot=desktop-maximize],[data-slot=desktop-close]) svg{width:12px;height:12px}:scope[data-example=experiments\/desktop] [data-slot=desktop-body]{min-height:0;font-size:var(--text-sm);flex:1;overflow:hidden}:scope[data-example=experiments\/desktop] [data-slot=desktop-body]>[data-slot=hint]{padding:var(--space-3);line-height:1.6}:scope[data-example=experiments\/desktop] [data-slot=desktop-body]>[data-slot=stack]{align-items:stretch;gap:var(--space-2);padding:var(--space-3)}:scope[data-example=experiments\/desktop] [data-slot=desktop-body]>[data-slot=stack]>:first-child{font-weight:500}:scope[data-example=experiments\/desktop] [data-slot=desktop-photos]{box-sizing:border-box;height:100%;padding:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}:scope[data-example=experiments\/desktop] [data-slot=desktop-photo]{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 12%, transparent);border-radius:6px}:scope[data-example=experiments\/desktop] [data-slot=desktop-progress]{box-sizing:border-box;background:var(--tint);height:4px;box-shadow:inset 0 0 0 1px var(--line-faint);border-radius:999px;display:block;overflow:hidden}:scope[data-example=experiments\/desktop] [data-slot=desktop-progress]>span{background:var(--ink);width:33.333%;height:100%;display:block}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle]{z-index:1;border-radius:999px;position:absolute}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle]:focus-visible{background:color-mix(in oklab, var(--ink) 45%, transparent);outline:none}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle]:is([data-resize-handle=n],[data-resize-handle=s]){inset-inline:var(--space-2);height:6px}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle]:is([data-resize-handle=e],[data-resize-handle=w]){inset-block:var(--space-2);width:6px}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle]:is([data-resize-handle=ne],[data-resize-handle=nw],[data-resize-handle=se],[data-resize-handle=sw]){width:12px;height:12px}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle]:is([data-resize-handle=n],[data-resize-handle=ne],[data-resize-handle=nw]){top:0}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle]:is([data-resize-handle=s],[data-resize-handle=se],[data-resize-handle=sw]){bottom:0}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle]:is([data-resize-handle=e],[data-resize-handle=ne],[data-resize-handle=se]){right:0}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle]:is([data-resize-handle=w],[data-resize-handle=nw],[data-resize-handle=sw]){left:0}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle][data-resize-handle=n]{translate:0 -50%}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle][data-resize-handle=s]{translate:0 50%}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle][data-resize-handle=e]{translate:50%}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle][data-resize-handle=w]{translate:-50%}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle][data-resize-handle=ne]{translate:50% -50%}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle][data-resize-handle=nw]{translate:-50% -50%}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle][data-resize-handle=se]{translate:50% 50%}:scope[data-example=experiments\/desktop] [data-slot=desktop-handle][data-resize-handle=sw]{translate:-50% 50%}:scope[data-example=experiments\/desktop] [data-slot=desktop-dock]{box-sizing:border-box;border-top:1px solid var(--line-faint);border-radius:0 0 var(--radius-surface) var(--radius-surface);background:var(--surface-1);justify-content:center;align-items:center;gap:6px;height:48px;display:flex}:scope[data-example=experiments\/desktop] [data-slot=desktop-dock-item]{height:var(--size-sm);padding-inline:var(--space-3);border-radius:var(--radius-row);color:var(--muted);font:inherit;font-size:var(--text-sm);background:0 0;border:0;font-weight:500;position:relative}:scope[data-example=experiments\/desktop] [data-slot=desktop-dock-item]:hover{background:var(--tint)}:scope[data-example=experiments\/desktop] [data-slot=desktop-dock-item][data-open]{color:var(--ink)}:scope[data-example=experiments\/desktop] [data-slot=desktop-dock-item][data-open]:after{background:var(--ink);content:"";border-radius:50%;width:4px;height:4px;position:absolute;bottom:-5px;left:50%;translate:-50%}:scope[data-example=experiments\/desktop] [data-slot=desktop-dock-item][data-active]{background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}[data-slot=crop-box]{width:var(--crop-box-width);max-width:100%;height:var(--crop-box-height);outline:1px solid var(--line)}svg[data-slot=crop-box-image]{width:100%;height:100%;position:absolute;inset:0}[data-slot=crop-box-box]{outline:1px solid #fff;box-shadow:0 0 0 9999px #00000080}[data-slot=crop-box-box]:focus-visible{outline:3px solid var(--halo);outline-offset:2px}[data-slot=crop-box-grid]{opacity:0;transition:opacity var(--duration);pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}[data-dragging]>[data-slot=crop-box-grid]{opacity:1}[data-slot=crop-box-grid]>span{border:0 solid #ffffff80}[data-slot=crop-box-grid]>span:not(:nth-child(3n)){border-right-width:1px}[data-slot=crop-box-grid]>span:nth-child(-n+6){border-bottom-width:1px}[data-slot=crop-box-handle]{box-sizing:border-box;border:1px solid var(--ink);background:var(--paper);width:12px;height:12px;box-shadow:var(--shadow-drop);border-radius:3px;position:absolute;translate:-50% -50%}[data-slot=crop-box-handle]:is([data-resize-handle=n],[data-resize-handle=s]){border-radius:999px;width:24px;height:6px;left:50%}[data-slot=crop-box-handle]:is([data-resize-handle=e],[data-resize-handle=w]){border-radius:999px;width:6px;height:24px;top:50%}[data-slot=crop-box-handle]:is([data-resize-handle=n],[data-resize-handle=ne],[data-resize-handle=nw]){top:0}[data-slot=crop-box-handle]:is([data-resize-handle=s],[data-resize-handle=se],[data-resize-handle=sw]){top:100%}[data-slot=crop-box-handle]:is([data-resize-handle=w],[data-resize-handle=nw],[data-resize-handle=sw]){left:0}[data-slot=crop-box-handle]:is([data-resize-handle=e],[data-resize-handle=ne],[data-resize-handle=se]){left:100%}[data-slot=crop-box-preview]{border-radius:var(--radius-control);width:96px;box-shadow:var(--shadow-1);flex-shrink:0;display:block;position:relative;overflow:hidden}[data-slot=crop-box-preview]>svg{max-width:none;position:absolute}:scope[data-example=experiments\/inbox] [data-slot=stack]:has(>[data-slot=inbox-list]){align-items:stretch;width:28rem;max-width:100%}:scope[data-example=experiments\/inbox] [data-slot=stack]:has(>[data-slot=inbox-list])>button{align-self:flex-start}:scope[data-example=experiments\/inbox] [data-slot=inbox-list]{border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);flex-direction:column;display:flex;overflow:hidden}:scope[data-example=experiments\/inbox] [data-slot=inbox-message]{outline-offset:-3px}:scope[data-example=experiments\/inbox] [data-slot=inbox-message]+:is(:scope[data-example=experiments\/inbox] [data-slot=inbox-message]){border-top:1px solid var(--line-faint)}:scope[data-example=experiments\/inbox] [data-slot=inbox-side]{opacity:0;transition:opacity 0s calc(var(--duration) * 3);pointer-events:none;position:absolute;inset:0}:is([data-slot=inbox-message]:has([data-swipe=start])>:is(:scope[data-example=experiments\/inbox] [data-slot=inbox-side])[data-show=start],[data-slot=inbox-message]:has([data-swipe=end])>:is(:scope[data-example=experiments\/inbox] [data-slot=inbox-side])[data-show=end]){opacity:1;pointer-events:auto;transition-delay:0s}:scope[data-example=experiments\/inbox] [data-slot=inbox-fill]{background:var(--ink);position:absolute;inset:0}:scope[data-example=experiments\/inbox] [data-slot=inbox-action]{background:var(--ink);width:80px;color:var(--paper);font:inherit;font-size:var(--text-sm);border:0;justify-content:center;align-items:center;padding:0;font-weight:500;display:flex}:scope[data-example=experiments\/inbox] [data-slot=inbox-action]+:is(:scope[data-example=experiments\/inbox] [data-slot=inbox-action]){border-inline-start:1px solid color-mix(in oklab, var(--paper) 30%, var(--ink))}:scope[data-example=experiments\/inbox] [data-slot=inbox-action]:focus-visible{outline-color:color-mix(in oklab, var(--paper) 50%, transparent);outline-offset:-4px}:scope[data-example=experiments\/inbox] [data-slot=inbox-content]{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-1);font-size:var(--text-sm);transition:transform calc(var(--duration) * 3) ease-out;display:flex}:scope[data-example=experiments\/inbox] [data-slot=inbox-content][data-swiping]{transition:none}:scope[data-example=experiments\/inbox] [data-slot=inbox-content]>[data-slot=stack]{flex:1;align-items:stretch;gap:2px;min-width:0}:scope[data-example=experiments\/inbox] [data-slot=inbox-content]>[data-slot=stack]>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:scope[data-example=experiments\/inbox] [data-slot=inbox-content]>[data-slot=stack]>[data-slot=row]{flex-wrap:nowrap;align-items:baseline}:scope[data-example=experiments\/inbox] [data-slot=inbox-content]>[data-slot=stack]>[data-slot=row]>[data-slot=hint]{font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-shrink:0;margin-inline-start:auto}:scope[data-example=experiments\/inbox] [data-slot=inbox-dot]{width:var(--space-2);height:var(--space-2);border-radius:50%;flex-shrink:0;margin-top:6px}[data-unread] :is(:scope[data-example=experiments\/inbox] [data-slot=inbox-dot]){background:var(--ink)}:scope[data-example=experiments\/inbox] [data-slot=inbox-from]{text-overflow:ellipsis;font-weight:500;overflow:hidden}[data-unread] :is(:scope[data-example=experiments\/inbox] [data-slot=inbox-from]){font-weight:600}:scope[data-example=experiments\/inbox] [data-slot=inbox-flag]{box-sizing:border-box;width:var(--space-2);height:var(--space-2);border:1px solid var(--ink);border-radius:1px;flex-shrink:0;rotate:45deg}[data-slot=kanban]{gap:var(--space-2);flex-direction:column;width:100%;display:flex}:is([data-slot=kanban-undo],[data-slot=kanban-redo]){font-size:var(--text-sm)}[data-slot=kanban-board]{gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}[data-slot=kanban-lane]{box-sizing:border-box;width:12rem;padding:var(--space-2);border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);flex-direction:column;flex-shrink:0;display:flex}[data-slot=kanban-lane]>h3{padding:2px var(--space-1) var(--space-2);color:var(--muted);font-size:var(--text-sm);justify-content:space-between;align-items:center;margin:0;font-weight:500;display:flex}[data-slot=kanban-lane] [data-full]{color:var(--danger)}[data-slot=kanban-column]{gap:var(--space-2);min-height:6rem;padding:var(--space-1);border-radius:var(--radius-control);flex-direction:column;display:flex}[data-slot=kanban-column]:empty{background:var(--tint)}[data-slot=kanban-card]{gap:var(--space-1);padding:var(--space-2) 10px;border-radius:var(--radius-control);background:var(--surface-2);box-shadow:var(--shadow-1);font-size:var(--text-sm);cursor:grab;-webkit-user-select:none;user-select:none;flex-direction:column;font-weight:500;display:flex}[data-slot=kanban-card]:focus-visible{outline-offset:2px}[data-slot=kanban-card]>[data-slot=hint]{font-size:var(--text-xs);align-items:center;gap:6px;font-weight:400;display:flex}[data-slot=kanban-card][data-moving]{background:var(--tint);box-shadow:0 0 0 1px var(--ink), var(--shadow-drop)}[data-slot=kanban-card][data-dragging]{background:var(--tint);box-shadow:none}[data-slot=kanban-card][data-dragging]>*{visibility:hidden}[data-slot=kanban-tone]{background:var(--tone);border-radius:50%;flex-shrink:0;width:8px;height:8px}p:has(>[data-slot=link-preview-trigger]){max-width:28rem;line-height:24px}[data-slot=link-preview-trigger]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;border-radius:3px;font-weight:500}[data-slot=link-preview-trigger]:hover{text-decoration-color:currentColor}[data-slot=link-preview-trigger][data-open]{background:var(--tint);text-decoration-color:currentColor}[data-slot=link-preview-content]{box-sizing:border-box;border-radius:var(--radius-popup);background:var(--surface-2);width:18rem;box-shadow:var(--shadow-2);color:var(--ink);font-size:var(--text-sm);transform-origin:var(--transform-origin);transition:opacity var(--duration);outline:none;flex-direction:column;display:flex;overflow:hidden}[data-slot=link-preview-content]:is([data-starting-style],[data-ending-style]){opacity:0}[data-slot=link-preview-content]:not([data-open]){pointer-events:none}[data-slot=link-preview-content]>[data-slot=stack]{gap:var(--space-1);padding:var(--space-3)}[data-slot=link-preview-image]{object-fit:cover;border-bottom:1px solid var(--line-faint);width:100%;height:96px;display:block}[data-slot=link-preview-title]{font-size:var(--text-md);font-weight:600}[data-slot=link-preview-description]{color:var(--muted);margin:0}[data-slot=marking-menu-surface]{justify-content:center;gap:var(--space-1);box-sizing:border-box;width:28rem;max-width:100%;height:14rem;padding:var(--space-6);border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);font-size:var(--text-sm);cursor:default;flex-direction:column;display:flex}[data-slot=marking-menu-surface]>span:first-child{font-weight:500}[data-slot=marking-menu-surface]>span:not(:first-child){color:var(--muted)}[data-slot=marking-menu-surface]:not([data-mode=idle]){background:var(--tint)}[data-slot=marking-menu-stroke]{z-index:50}[data-slot=marking-menu-stroke]>span{width:var(--stroke-length);border-top:1px solid var(--ink);transform-origin:0;height:0;rotate:var(--stroke-angle);position:absolute;top:0;left:0}[data-slot=marking-menu-ring]>span{background:var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;translate:-50% -50%}[data-slot=marking-menu-item]{box-sizing:border-box;height:var(--size);padding-inline:var(--space-3);border-radius:var(--radius-control);background:var(--surface-2);box-shadow:var(--shadow-2);color:var(--ink);font-size:var(--text-sm);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;align-items:center;font-weight:500;display:flex;translate:-50% -50%}[data-slot=marking-menu-item][data-highlighted]{background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink), var(--shadow-float)}[data-slot=marking-menu-item][data-disabled]{color:var(--line-disabled)}[data-slot=outline]{box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-1);width:18rem;max-width:100%;box-shadow:var(--shadow-1);font-size:var(--text-sm);flex-direction:column;gap:2px;padding:5px;display:flex}[data-slot=outline-item]{align-items:center;gap:var(--space-1);height:32px;padding-inline:calc(var(--depth) * 20px + 4px) var(--space-2);border-radius:var(--radius-row);cursor:grab;-webkit-user-select:none;user-select:none;display:flex;position:relative}[data-slot=outline-item]:hover{background:var(--tint)}[data-slot=outline-item]:focus-visible{outline-offset:-3px}[data-slot=outline-item][data-moving]{background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=outline-item][data-dragging]{box-shadow:none;color:inherit;background:0 0}[data-slot=outline-item][data-dragging]>*{visibility:hidden}[data-slot=outline-item][data-dragging]:before{content:"";inset-block:3px;inset-inline:calc(var(--depth) * 20px + 4px) var(--space-1);background:var(--tint);border-radius:6px;position:absolute}[data-slot=outline-item]>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-slot=outline-toggle]{width:20px;height:20px;color:var(--muted);cursor:default;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-slot=outline-toggle]:hover,[data-moving]>[data-slot=outline-toggle]{color:inherit}[data-slot=outline-toggle]>svg{width:14px;height:14px;transition:rotate var(--duration)}[aria-expanded=true]>[data-slot=outline-toggle]>svg{rotate:90deg}[data-slot=peek-card]{gap:var(--space-2);box-sizing:border-box;width:24rem;max-width:100%;padding:var(--space-6);border-radius:var(--radius-surface);background:var(--card);box-shadow:var(--shadow-1);color:var(--card-text);transition:background-color var(--duration), color var(--duration);flex-direction:column;font-weight:600;display:flex}[data-slot=peek-card]>:last-child{font-size:var(--text-sm);opacity:.7;font-weight:400}[data-slot=peek-accent]{background:var(--accent);border-radius:999px;width:40px;height:6px}[data-slot=peek]{box-sizing:border-box;gap:2px;width:24rem;max-width:100%;display:flex}[data-slot=peek-option]{height:var(--size);padding-inline:var(--space-2);border-radius:var(--radius-control);color:var(--muted);font:inherit;font-size:var(--text-sm);cursor:default;background:0 0;border:0;flex:1;font-weight:500}[data-slot=peek-option]:hover{color:var(--ink)}[data-slot=peek-option][data-previewing]{background:var(--tint);color:var(--ink)}[data-slot=peek-option][data-checked]{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ink), var(--shadow-drop);color:var(--ink)}[data-slot=peek-option]:focus-visible{outline-offset:2px}[data-slot=peek-option][data-checked]:focus-visible{outline-color:var(--halo)}[data-slot=rewind]{gap:var(--space-4);flex-direction:column;width:28rem;max-width:100%;display:flex}[data-slot=rewind-panel]{gap:var(--space-4);box-sizing:border-box;padding:var(--space-4);border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);font-size:var(--text-sm);flex-direction:column;font-weight:500;display:flex}[data-slot=rewind-panel]>:is([data-slot=row],[data-slot=label],[data-slot=radio-group]){align-items:center;gap:var(--space-4);flex-flow:row}[data-slot=rewind-panel]>*>span:first-child{flex-shrink:0;width:7rem}[data-slot=rewind-panel] [data-slot=slider]{flex:1}[data-slot=rewind-panel] [data-slot=radio-group]>[data-slot=label]{gap:var(--space-2);text-transform:capitalize;font-weight:400}[data-slot=rewind-controls]{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);flex-direction:column;display:flex}[data-slot=rewind-controls]>[data-slot=row]{flex-wrap:nowrap;justify-content:space-between}[data-slot=rewind-controls]>[data-slot=row]>[data-slot=hint]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-slot=rewind-controls]>[data-slot=row]>[data-slot=row]{gap:var(--space-1);flex-wrap:nowrap;flex-shrink:0}[data-slot=rewind-scrubber]{height:var(--size);padding-inline:var(--space-1);align-items:center;gap:3px;display:flex}:is([data-slot=rewind-start],[data-slot=rewind-step]){box-sizing:border-box;background-color:var(--surface-1);height:16px;box-shadow:inset 0 0 0 1px var(--line-faint);transition:background-color var(--duration), box-shadow var(--duration);border:0;border-radius:3px;padding:0}:is([data-slot=rewind-start],[data-slot=rewind-step])[data-applied]{background-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=rewind-start]{flex-shrink:0;width:6px}[data-slot=rewind-step]{flex:1;min-width:0}[data-slot=rewind-step][data-source=agent]{background-color:var(--tint);box-shadow:inset 0 0 0 1px var(--line)}[data-slot=rewind-step][data-source=agent][data-applied]{background-color:color-mix(in oklab, var(--ink) 45%, var(--surface-1));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 45%, var(--surface-1))}[data-slot=rewind-step][data-reverted]{opacity:.3}[data-slot=selection-toolbar]{gap:var(--space-3);flex-direction:column;width:32rem;max-width:100%;display:flex}[data-slot=selection-toolbar-passage]{padding:var(--space-4);border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);font-size:var(--text-sm);caret-color:var(--ink);line-height:22px}[data-slot=selection-toolbar-passage]::selection{background:color-mix(in oklab, var(--ink) 18%, transparent);color:inherit}[data-slot=selection-toolbar-toolbar]{padding:var(--space-1);border-radius:var(--radius-surface);background:var(--surface-2);box-shadow:var(--shadow-2);color:var(--ink);font-size:var(--text-sm);gap:2px;display:flex}[data-slot=selection-toolbar-action]{height:var(--size-sm);border-radius:var(--radius-row);color:inherit;font:inherit;cursor:default;background:0 0;border:0;outline:none;padding-inline:10px;font-weight:500}[data-slot=selection-toolbar-action]:hover{background:var(--tint)}[data-slot=selection-toolbar-action]:focus-visible{background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=selection-toolbar-quotes]{gap:var(--space-2)}[data-slot=selection-toolbar-quotes]>li{border-inline-start:2px solid var(--line-faint);color:var(--muted);padding-inline-start:var(--space-3)}[data-slot=sortable-layout]{align-items:flex-start;gap:var(--space-6);width:42rem;max-width:100%;font-size:var(--text-sm);flex-wrap:wrap;display:flex}[data-slot=sortable-layout]>[data-slot=stack]{align-items:stretch;gap:var(--space-2);flex:18rem}[data-slot=sortable]{border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);flex-direction:column;display:flex;overflow:hidden}[data-slot=sortable][data-orientation=grid]{gap:var(--space-2);box-shadow:none;background:0 0;border-radius:0;flex:0 16rem;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}[data-slot=sortable-item]{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--surface-1);outline-offset:-3px;-webkit-user-select:none;user-select:none;display:flex;position:relative}[data-slot=sortable-item]+[data-slot=sortable-item]{border-top:1px solid var(--line-faint)}[data-slot=sortable-item]:hover{background-color:var(--tint)}[data-slot=sortable-item][data-selected]{background-color:var(--tint);box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=sortable-item][data-selected] [data-slot=hint]{color:var(--muted)}[data-slot=sortable-item][data-dragging]{background-color:var(--tint)}[data-slot=sortable-item][data-dragging]>*{opacity:.3}[data-slot=sortable-item]>[data-slot=stack]{flex:1;align-items:stretch;gap:0;min-width:0}[data-slot=sortable-item]>[data-slot=stack]>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-slot=sortable-item]>[data-slot=stack]>:first-child{font-weight:500}[data-slot=sortable-item] [data-slot=hint]{font-variant-numeric:tabular-nums}[data-orientation=grid]>[data-slot=sortable-item]{aspect-ratio:1;padding:var(--space-1) 6px;border-radius:var(--radius-control);background-color:var(--tone);color:#fff;font-size:var(--text-xs);outline-offset:2px;cursor:grab;border:0;align-items:flex-end;font-weight:500;box-shadow:inset 0 0 0 1px oklab(0% none none/.12)}[data-orientation=grid]>[data-slot=sortable-item][data-selected]{box-shadow:0 0 0 2px var(--paper), 0 0 0 3px var(--ink)}[data-slot=sortable-handle]{color:var(--muted);cursor:grab;display:inline-flex}[data-selected]>[data-slot=sortable-handle]{color:var(--ink)}[data-slot=sortable-index]{width:var(--space-4);color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:end}[data-selected]>[data-slot=sortable-index]{color:var(--ink)}[data-slot=spreadsheet-frame]{gap:var(--space-2);flex-direction:column;width:42rem;max-width:100%;display:flex}[data-slot=spreadsheet-frame]>[data-slot=row]{font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-wrap:nowrap}:is([data-slot=spreadsheet-name],[data-slot=spreadsheet-formula]){box-sizing:border-box;height:var(--size-sm);padding-inline:var(--space-2);border-radius:var(--radius-row);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);line-height:var(--size-sm);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}[data-slot=spreadsheet-name]{flex-shrink:0;width:5rem;font-weight:500}[data-slot=spreadsheet-formula]{min-width:0;color:var(--muted);flex:1}[data-slot=spreadsheet-grid]{border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);font-size:var(--text-sm);overflow:hidden}:is([data-slot=spreadsheet-corner],[data-slot=spreadsheet-columnheader],[data-slot=spreadsheet-rowheader]){box-sizing:border-box;height:var(--size);border:0 solid var(--line-faint);border-inline-end-width:1px;background:var(--surface-1);color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;border-bottom-width:1px;justify-content:center;align-items:center;display:flex}:is([data-slot=spreadsheet-corner],[data-slot=spreadsheet-columnheader],[data-slot=spreadsheet-rowheader])[data-selected]{background:var(--tint);color:var(--ink);font-weight:600}[data-slot=spreadsheet-corner]{border-color:var(--line);width:2.5rem}[data-slot=spreadsheet-columnheader]{border-bottom-color:var(--line)}[data-slot=spreadsheet-columnheader]:last-child{border-inline-end-width:0}[data-slot=spreadsheet-rowheader]{border-inline-end-color:var(--line)}[data-slot=spreadsheet-cell]{box-sizing:border-box;height:var(--size);padding-inline:var(--space-2);border:0 solid var(--line-faint);border-inline-end-width:1px;line-height:calc(var(--size) - 1px);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom-width:1px;outline:none;position:relative;overflow:hidden}[data-slot=spreadsheet-cell]:last-child{border-inline-end-width:0}[data-slot=spreadsheet-cell]:before{content:"";border:0 solid var(--ink);pointer-events:none;position:absolute;inset:0}[data-slot=spreadsheet-cell][data-range-edge~=top]:before{border-top-width:1px}[data-slot=spreadsheet-cell][data-range-edge~=right]:before{border-right-width:1px}[data-slot=spreadsheet-cell][data-range-edge~=bottom]:before{border-bottom-width:1px}[data-slot=spreadsheet-cell][data-range-edge~=left]:before{border-left-width:1px}[data-slot=spreadsheet-cell][data-numeric]{font-variant-numeric:tabular-nums;text-align:end}[data-slot=spreadsheet-cell][data-selected]{background:var(--tint);color:var(--ink)}[data-slot=spreadsheet-cell][data-active]{z-index:1;box-shadow:inset 0 0 0 1px var(--ink), inset 0 0 0 3px var(--halo)}[data-slot=spreadsheet-editor]{box-sizing:border-box;width:100%;height:100%;padding-inline:var(--space-2);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ink), inset 0 0 0 3px var(--halo);color:var(--ink);font:inherit;border:0;border-radius:0;outline:none;position:absolute;inset:0}[data-slot=spreadsheet-summary]{min-height:var(--leading);color:var(--muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}[data-slot=suggestions-layout]{justify-content:center;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;width:100%;display:flex}[data-slot=suggestions-settings]{gap:var(--space-4);box-sizing:border-box;width:18rem;max-width:100%;padding:var(--space-4);border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);font-size:var(--text-sm);flex-direction:column;font-weight:500;display:flex}[data-slot=suggestions-settings]>:is([data-slot=row],[data-slot=label]){gap:var(--space-4);flex-wrap:nowrap}[data-slot=suggestions-settings]>*>span:first-child{flex-shrink:0;width:6rem}[data-slot=suggestions-settings] [data-slot=slider]{flex:1}[data-slot=suggestions-panel]{gap:var(--space-1);box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-1);width:18rem;max-width:100%;box-shadow:var(--shadow-1);flex-direction:column;padding:5px;display:flex}[data-slot=suggestions-list]{flex-direction:column;gap:2px;display:flex}[data-slot=suggestions-item]{align-items:center;gap:var(--space-2);border-radius:var(--radius-row);font-size:var(--text-sm);padding:6px 6px 6px 10px;font-weight:500;display:flex}[data-slot=suggestions-item]:focus-visible{outline-offset:-3px}[data-slot=suggestions-item]>[data-slot=stack]{flex:1;align-items:flex-start;gap:0}[data-slot=suggestions-item][data-previewing]{background:var(--tint)}[data-slot=suggestions-item][data-status=accepted]{color:var(--muted)}[data-slot=suggestions-item][data-status=rejected]{color:var(--muted);text-decoration:line-through}:is([data-slot=suggestions-accept],[data-slot=suggestions-reject]){box-sizing:border-box;width:24px;height:24px;color:inherit;cursor:default;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:inline-grid}:is([data-slot=suggestions-accept],[data-slot=suggestions-reject]) svg{width:14px;height:14px}:is([data-slot=suggestions-accept],[data-slot=suggestions-reject]):hover{background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=suggestions-item]:not([data-status=pending])>:is([data-slot=suggestions-accept],[data-slot=suggestions-reject]){visibility:hidden}[data-slot=suggestions-accept-all]{margin:var(--space-1);font-size:var(--text-sm)}[data-slot=suggestions-spotlight]{z-index:50;border-radius:var(--radius-control);outline:1px solid var(--ink);outline-offset:4px;transition-property:left,top,width,height;transition-duration:calc(var(--duration) * 2)}[data-slot=week-calendar]{gap:var(--space-2);width:48rem;max-width:100%;font-size:var(--text-sm);flex-direction:column;display:flex}[data-slot=week-calendar-frame]{border-radius:var(--radius-surface);background:var(--surface-1);box-shadow:var(--shadow-1);overflow:hidden}[data-slot=week-calendar-frame]>[data-slot=scroll]{height:24rem;max-height:none}:is([data-slot=week-calendar-head],[data-slot=week-calendar-body]){grid-template-columns:3rem repeat(5,minmax(0,1fr));display:grid}[data-slot=week-calendar-head]{border-bottom:1px solid var(--line)}[data-slot=week-calendar-head]>span{padding:6px var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:500}[data-slot=week-calendar-gutter]{position:relative}[data-slot=week-calendar-gutter]>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;inset-inline-end:6px}[data-slot=week-calendar-day]{border-inline-start:1px solid var(--line-faint);background-image:repeating-linear-gradient(to bottom, var(--line-faint) 0 1px, transparent 1px var(--hour))}[data-slot=week-calendar-event]{box-sizing:border-box;border-inline-start:3px solid var(--tone,var(--ink));background:var(--surface-2);box-shadow:var(--shadow-1);font-size:var(--text-xs);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;padding:2px 6px;line-height:16px;display:flex;overflow:hidden}[data-slot=week-calendar-event]:is([data-dragging],[data-resizing]){z-index:10;box-shadow:var(--shadow-2)}[data-slot=week-calendar-event][data-dragging]{cursor:grabbing}[data-slot=week-calendar-event][data-drawing]{background:var(--tint)}[data-slot=week-calendar-event]:focus-visible{outline-offset:1px}[data-slot=week-calendar-event]>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-slot=week-calendar-event]>span:not([data-slot]){font-weight:500}[data-slot=week-calendar-event]>[data-slot=hint]{font-size:inherit}[data-slot=week-calendar-event-edge]{cursor:ns-resize;height:6px;position:absolute;inset-inline:0}[data-slot=week-calendar-event-edge][data-span-edge=start]{top:0}[data-slot=week-calendar-event-edge][data-span-edge=end]{bottom:0}[data-slot=week-calendar-event-input]{box-sizing:border-box;width:100%;min-width:0;padding:0 var(--space-1);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink);font:inherit;border:0;border-radius:4px;outline:none;font-weight:500}}