:root{color-scheme:light dark;--palette-b0: #fff;--palette-b10: #f8f8fa;--palette-b20: #cacacd;--palette-b40: #9b9b9b;--palette-b60: #646465;--palette-b80: #2e3342;--palette-b100: #000;--palette-blue: #0af;--palette-purple: #80f;--palette-purple-light: #b3f;--palette-red: #f43;--palette-yellow: #fa0;--palette-yellow-light: #cb7;--radius-xxs: 4px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-xxl: 20px;--radius-round: 999px;--font-family: -apple-system, system-ui, BlinkMacSystemFont, "Inter", "Helvetica Neue", "Segoe UI", "Roboto", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Menlo", "Consolas", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-base: 14px;--font-size-body: 15px;--font-size-lg: 16px;--font-size-xl: 20px;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-lg: 15px;--spacing-xl: 20px;--spacing-xxl: 28px;--button-border: rgba(0, 0, 0, .03);--button-color-hover: rgba(0, 0, 0, .6);--button-color-disabled: rgba(0, 0, 0, .3);--button-primary-text: var(--palette-b100);--button-primary-text-hover: var(--palette-b80);--button-primary-background: var(--tab-default);--button-primary-background-hover: var(--tab-active);--button-primary-background-disabled: var(--tab-hover);--button-secondary-text: var(--palette-b0);--button-secondary-text-disabled: var(--palette-b60);--button-secondary-background: var(--palette-b100);--button-secondary-background-hover: var(--palette-b80);--button-faded-background: var(--tab-default);--button-faded-background-hover: var(--tab-active);--button-shadow-primary-default: 0px 1px 2px rgba(95, 122, 143, .25), inset 1px 1px 1px 0px rgb(255, 255, 255);--button-shadow-primary-hover: 0px 2px 3px rgba(95, 122, 143, .25), inset 1px 1px 1px 0px rgb(255, 255, 255);--button-shadow-primary-active: 0px 1px 2px rgba(95, 122, 143, .1), inset 1px 1px 1px 0px rgb(255, 255, 255);--button-shadow-secondary-default: 0px 2px 5px rgba(0, 0, 0, .4);--button-shadow-secondary-hover: 0px 3px 5px rgba(0, 0, 0, .4);--button-shadow-secondary-active: 0px 1px 3px rgba(0, 0, 0, .2);--tab-default: rgba(0, 0, 0, .05);--tab-hover: rgba(0, 0, 0, .03);--tab-active: rgba(0, 0, 0, .065);--line-faded: rgba(0, 0, 0, .03);--line-default: rgba(0, 0, 0, .05);--line-hover: rgba(0, 0, 0, .09);--line-active: rgba(0, 0, 0, .14);--card-background: rgba(0, 0, 0, .03);--card-background-hover: rgba(0, 0, 0, .06);--card-background-filled: #f1f1f3;--tile-background: var(--card-background-filled);--sidebar-background: #f1f3f4;--top-bar-background: color-mix( in srgb, var(--palette-b10) 70%, transparent );--popover-background: #f6f6f8;--popover-shadow: 0px 4px 14px 0px rgba(95, 122, 143, .2), inset 0px 0px 1px 1px rgb(255, 255, 255), inset 0 0 0 1px rgba(0, 0, 0, .15);--tooltip-background: rgba(246, 246, 248, .9);--input-background: #f6f6f8;--input-placeholder: rgba(0, 0, 0, .35);--input-shadow-default: 0px 3px 10px 0px rgba(95, 122, 143, .18), inset 0px 0px 0px 1px rgba(0, 0, 0, .08);--input-shadow-focus: 0px 3px 10px 0px rgba(95, 122, 143, .23), inset 0px 0px 0px 1.5px rgba(0, 0, 0, .14);--link-default: #0af;--selection-background: rgba(102, 187, 255, .1);--spinner-background: rgba(0, 0, 0, .4);--scroll-bar-thumb: rgba(0, 0, 0, .1);--scroll-bar-thumb-hover: rgba(0, 0, 0, .3);--toggle-background: rgba(0, 0, 0, .08);--toggle-hover: rgba(0, 0, 0, .1);--toggle-active: var(--palette-yellow);--toggle-active-hover: var(--palette-yellow-light);--fade-background: var(--sidebar-background);--top-bar-height: 48px;--chat-width: 320px;--sheet-width: 380px}@media(prefers-color-scheme:dark){:root{--palette-b0: #000;--palette-b10: #0f0f14;--palette-b20: #40404c;--palette-b40: #636475;--palette-b60: #a2a2ab;--palette-b80: #e3e4e7;--palette-b100: #fafafa;--palette-blue: #6bf;--palette-purple: #a6f;--palette-purple-light: #c8f;--palette-red: #f65;--palette-yellow: #fc5;--palette-yellow-light: #fe8;--button-border: transparent;--button-color-hover: rgba(227, 227, 254, .6);--button-color-disabled: rgba(255, 255, 255, .3);--button-secondary-text-disabled: var(--palette-b10);--button-shadow-primary-default: 0px 2px 3px rgb(0, 0, 0, .5), inset .5px .5px .5px .5px rgba(255, 255, 255, .24);--button-shadow-primary-hover: 0px 3px 4px rgb(0, 0, 0, .6), inset .5px .5px .5px .5px rgba(255, 255, 255, .24);--button-shadow-primary-active: 0px 2px 3px rgb(0, 0, 0, .35), inset .5px .5px .5px .5px rgba(255, 255, 255, .24);--tab-default: rgba(227, 227, 254, .08);--tab-hover: rgba(227, 227, 254, .06);--tab-active: rgba(227, 227, 254, .1);--line-faded: rgba(227, 227, 254, .05);--line-default: rgba(227, 227, 254, .08);--line-hover: rgba(227, 227, 254, .16);--line-active: rgba(227, 227, 254, .24);--card-background: rgba(227, 227, 254, .05);--card-background-hover: rgba(227, 227, 254, .08);--card-background-filled: #1a1a20;--sidebar-background: #0b0b0f;--popover-background: #111117;--popover-shadow: 0px 4px 14px 0px rgba(0, 0, 0, .5), inset 0px 0px 0px 1px rgba(255, 255, 255, .1);--tooltip-background: rgba(24, 24, 31, .9);--input-background: #111117;--input-placeholder: rgba(209, 207, 252, .35);--input-shadow-default: 0px 4px 14px 0px rgba(0, 0, 0, .5), inset 0px 0px 0px 1px rgba(255, 255, 255, .1);--input-shadow-focus: 0px 4px 18px 0px rgba(0, 0, 0, .6), inset 0px 0px 0px 1.5px rgba(255, 255, 255, .12);--link-default: #6bf;--spinner-background: rgba(255, 255, 255, .4);--scroll-bar-thumb: rgba(227, 227, 254, .1);--scroll-bar-thumb-hover: rgba(227, 227, 254, .3);--toggle-background: rgba(255, 255, 255, .2);--toggle-hover: rgba(255, 255, 255, .2);--toggle-active: var(--palette-purple);--toggle-active-hover: var(--palette-purple-light)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--palette-b100);background:var(--sidebar-background);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,p{margin:0}h2{font-size:var(--font-size-xl);font-weight:500;line-height:1.2em;letter-spacing:-.01em}h4{font-size:var(--font-size-lg);font-weight:500;line-height:1.3em}h5{font-size:var(--font-size-base);font-weight:500}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}:focus-visible{outline:1.5px solid var(--line-active)}::selection{background:var(--selection-background)}*{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--scroll-bar-thumb);border-radius:var(--radius-round)}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-bar-thumb-hover)}*::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{position:relative;display:flex;height:100%;overflow:hidden}.built-by{position:absolute;right:var(--spacing-md);bottom:var(--spacing-md);z-index:5;display:inline-flex;align-items:center;padding:8px 10px;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--radius-md);background:#000;color:var(--palette-b80);font-size:var(--font-size-md);font-weight:600;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.built-by:hover{color:var(--palette-b100);border-color:#fff3}.built-by svg{flex:none;margin-left:2px;margin-right:1px}@media(max-width:700px){.chat-panel{display:none}}.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;height:36px;padding:0 12px;border-radius:var(--radius-round);font-size:var(--font-size-body);font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color .1s ease,background-color .1s ease,box-shadow .1s ease,transform .1s ease,opacity .1s ease}.button-sm{height:28px;padding:0 10px;font-size:var(--font-size-md)}.button-square{width:36px;padding:0}.button-sm.button-square{width:28px}.button-stretch{width:100%}.button svg,.chat-bar svg,.chat-status-icon svg,.top-bar svg,.sheet-bar svg,.modal-bar svg{width:14px;height:14px}.button-rounded{border-radius:var(--radius-md)}.button:disabled{color:var(--button-color-disabled);cursor:default}.button-primary{color:var(--button-primary-text);background-color:var(--button-primary-background);box-shadow:inset 0 0 0 1px var(--line-faded)}.button-primary:hover:not(:disabled){color:var(--button-primary-text-hover);background-color:var(--button-primary-background-hover)}.button-primary:disabled{background-color:var(--button-primary-background-disabled)}.button-secondary{color:var(--button-secondary-text);background-color:var(--button-secondary-background);box-shadow:var(--button-shadow-secondary-default)}.button-secondary:hover:not(:disabled){background-color:var(--button-secondary-background-hover);box-shadow:var(--button-shadow-secondary-hover)}.button-secondary:active:not(:disabled){transform:scale(.99);box-shadow:var(--button-shadow-secondary-active)}.button-secondary:disabled{color:var(--button-secondary-text-disabled)}.button-tertiary{color:var(--palette-b100);background:transparent;border:1px solid var(--button-border);box-shadow:var(--button-shadow-primary-default)}.button-tertiary:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--tab-default);box-shadow:var(--button-shadow-primary-hover)}.button-tertiary:active:not(:disabled){transform:scale(.99);box-shadow:var(--button-shadow-primary-active)}.button-tertiary:disabled{color:var(--palette-b20)}.button-faded{color:var(--palette-b60);background-color:var(--button-faded-background);box-shadow:inset 0 0 0 1px var(--line-faded)}.button-faded:hover:not(:disabled){color:var(--palette-b100);background-color:var(--button-faded-background-hover)}.button-transparent{color:var(--palette-b60)}.button-transparent:hover:not(:disabled),.button-transparent[data-active]{color:var(--palette-b100)}.button-transparent:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--tab-hover);opacity:0;transform:scale(.7);transition:opacity .1s ease,background .1s ease}.button-transparent:hover:not(:disabled):before{opacity:1;transform:scale(1);transition:opacity .1s ease,background .1s ease,transform .1s ease}.button-transparent:focus-visible:before{opacity:1;transform:scale(1);background:var(--tab-active);transition:none}.button-transparent:active:not(:disabled):before{transform:scale(.94)}.button-transparent[data-active]:before{opacity:1;transform:scale(1);background:var(--tab-active)}.button-transparent:focus-visible{outline:none}.button-transparent[data-enabled],.button-transparent[data-enabled]:hover:not(:disabled){color:var(--palette-blue)}.tooltip-anchor{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:4;display:flex;align-items:center;padding:6px 10px;border-radius:var(--radius-md);background:var(--tooltip-background);box-shadow:var(--popover-shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--palette-b60);font-size:var(--font-size-sm);font-weight:500;line-height:1.5em;white-space:nowrap;pointer-events:none;opacity:0;transform:scale(0);transition:opacity .2s ease,transform .2s ease}.tooltip-shortcut{margin-left:5px;color:var(--palette-b40);font-weight:400}.tooltip[data-side=bottom]{top:calc(100% + 5px);left:50%;translate:-50% 0;transform-origin:top center}.tooltip[data-side=top]{bottom:calc(100% + 5px);left:50%;translate:-50% 0;transform-origin:bottom center}.tooltip[data-side=left]{top:50%;right:calc(100% + 5px);translate:0 -50%;transform-origin:center right}.tooltip[data-side=right]{top:50%;left:calc(100% + 5px);translate:0 -50%;transform-origin:center left}.tooltip-anchor:hover>.tooltip,.tooltip-anchor:focus-within>.tooltip{opacity:1;transform:scale(1);transition-delay:.3s}.tooltip-anchor[data-disabled]>.tooltip{display:none}.select{position:relative;display:inline-flex}.select-trigger{justify-content:flex-start;min-width:118px;padding-right:28px;overflow:visible}.select-label{min-width:0;overflow:hidden;font-weight:400;text-overflow:ellipsis}.select-chevron{position:absolute;top:50%;right:10px;display:flex;color:var(--palette-b60);transform:translateY(-50%);transition:transform .1s ease}.select-chevron svg{width:10px;height:10px}.select[data-open] .select-chevron{transform:translateY(-50%) rotate(180deg)}.select-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:4;min-width:180px;margin:0;padding:var(--spacing-xs);border-radius:var(--radius-lg);background:var(--popover-background);box-shadow:var(--popover-shadow);list-style:none;animation:select-menu-in .16s ease-out}.select-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;height:30px;padding:0 10px 0 6px;border-radius:calc(var(--radius-lg) - var(--spacing-xs));color:var(--palette-b80);font-size:var(--font-size-md);text-align:left}.select-option:hover,.select-option[data-highlighted]{background:var(--tab-default)}.select-option-check{display:inline-flex;align-items:center;justify-content:center;width:14px;color:var(--palette-b60)}@keyframes select-menu-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-block;flex:none;padding:2px 6px;border:1px solid currentColor;border-radius:var(--radius-round);color:var(--palette-yellow);font-size:var(--font-size-sm);font-weight:500;line-height:1.3em;white-space:nowrap}.tile{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-xl);background:var(--tile-background);color:var(--palette-b80);text-align:left}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:var(--input-shadow-default);pointer-events:none;transition:box-shadow .1s ease}.tile:focus-within:before{box-shadow:var(--input-shadow-focus)}.tile-interactive{cursor:pointer;transition:color .1s ease,transform .1s ease}.tile-interactive:hover{color:var(--palette-b100)}.tile-interactive:active{transform:scale(.99)}.scroll-area{position:relative;display:flex;flex:1;min-width:0;min-height:0}.scroll-viewport{flex:1;min-width:0;min-height:0;overflow-y:auto}.scroll-viewport>div{display:flex;flex-direction:column;min-width:0;min-height:100%}.scroll-area:before,.scroll-area:after{content:"";position:absolute;left:0;right:0;height:28px;z-index:1;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .15s ease}.scroll-area:before{top:0;background:linear-gradient(to bottom,var(--fade-background),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 35%,rgba(0,0,0,.45) 75%,transparent 100%);mask-image:linear-gradient(to bottom,#000 35%,rgba(0,0,0,.45) 75%,transparent 100%)}.scroll-area:after{bottom:0;background:linear-gradient(to top,var(--fade-background),transparent);-webkit-mask-image:linear-gradient(to top,#000 35%,rgba(0,0,0,.45) 75%,transparent 100%);mask-image:linear-gradient(to top,#000 35%,rgba(0,0,0,.45) 75%,transparent 100%)}.scroll-area[data-fade-top]:before,.scroll-area[data-fade-bottom]:after{opacity:1}.tabs{position:relative;display:flex;flex:none}.tab{position:relative;z-index:1;flex:1;height:28px;padding:0 10px;color:var(--palette-b40);font-size:var(--font-size-md);font-weight:500;line-height:1em;transition:color .2s ease}.tab:hover{color:var(--palette-b60)}.tab[aria-selected=true]{color:var(--palette-b100)}.tab-selector{position:absolute;top:0;bottom:0;left:0;border-radius:var(--radius-round);background:var(--tab-default);transition:transform .2s ease}.sheet{--fade-background: var(--popover-background);position:absolute;top:calc(var(--top-bar-height) + var(--spacing-md));right:var(--spacing-md);bottom:var(--spacing-md);z-index:2;display:flex;flex-direction:column;overflow:hidden;width:var(--sheet-width);max-width:calc(100% - var(--spacing-xl));border-radius:var(--radius-xxl);background:var(--popover-background);box-shadow:var(--popover-shadow);opacity:0;transform:translate(80px);transition:transform .2s ease,opacity .2s ease}.sheet[data-open]{opacity:1;transform:translate(0)}.sheet-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex:none;margin:0 5px;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--line-default)}.sheet-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.sheet-body{display:flex;flex:1;min-width:0;min-height:0}.agent-loader{display:inline-grid;grid-template-columns:repeat(3,2.667px);grid-template-rows:repeat(3,2.667px);gap:2px;width:12px;height:12px;color:var(--spinner-background);vertical-align:middle}.agent-loader-dot{border-radius:50%;background:currentColor;animation:agent-loader-edge 1333ms ease infinite}.agent-loader-dot[data-role=corner]{animation-name:agent-loader-corner}.agent-loader-dot[data-role=center]{animation-name:agent-loader-center}@keyframes agent-loader-corner{0%,12.5%{opacity:0}25%,31.25%{opacity:.4}37.5%,43.75%{opacity:1}50%,56.25%{opacity:.4}62.5%,to{opacity:0}}@keyframes agent-loader-edge{0%,6.25%{opacity:0}12.5%,18.75%{opacity:.4}25%,56.25%{opacity:1}62.5%,68.75%{opacity:.4}75%,to{opacity:0}}@keyframes agent-loader-center{0%,6.25%{opacity:.4}12.5%,68.75%{opacity:1}75%,81.25%{opacity:.4}87.5%,to{opacity:0}}.icon-check-stroke{stroke-dasharray:16;stroke-dashoffset:16;animation:icon-check-draw .2s ease-out forwards}@keyframes icon-check-draw{to{stroke-dashoffset:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:#00000047}.modal{width:100%;max-width:380px;padding:var(--spacing-lg);border-radius:var(--radius-xxl);background:var(--popover-background);box-shadow:var(--popover-shadow)}.modal-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.modal-bar h2{color:var(--palette-b80);font-size:var(--font-size-lg);font-weight:500}.collaborate-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.collaborate-copy{color:var(--palette-b60);font-size:var(--font-size-base);line-height:1.5}.collaborate-field{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--palette-b60);font-size:var(--font-size-sm);font-weight:500}.collaborate-field input{height:36px;padding:0 var(--spacing-md);border:none;border-radius:var(--radius-md);background:var(--input-background);box-shadow:var(--input-shadow-default);color:var(--palette-b100);font:inherit;font-size:var(--font-size-base);font-weight:400;outline:none}.collaborate-field input:focus{box-shadow:var(--input-shadow-focus)}.collaborate-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.toggle{--toggle-knob-x: 0px;--toggle-knob-scale: 1;display:inline-flex;align-items:center;flex-shrink:0;padding:0;color:var(--palette-b40)}.toggle[aria-checked=true]{--toggle-knob-x: 8px}.toggle:hover:not(:disabled){--toggle-knob-scale: .9}.toggle:disabled{cursor:default}.toggle-label{margin-right:5px;font-size:var(--font-size-sm);font-weight:500;line-height:1em;-webkit-user-select:none;user-select:none}.toggle-track{display:block;width:22px;height:14px;padding:2px;border-radius:var(--radius-round);background:var(--toggle-background);transition:background .18s ease}.toggle:hover:not(:disabled) .toggle-track{background:var(--toggle-hover)}.toggle[aria-checked=true] .toggle-track{background:var(--toggle-active)}.toggle[aria-checked=true]:hover:not(:disabled) .toggle-track{background:var(--toggle-active-hover)}.toggle-knob{display:block;width:10px;height:10px;border-radius:var(--radius-round);background:var(--palette-b10);transform:translate(var(--toggle-knob-x)) scale(var(--toggle-knob-scale));transition:transform .18s ease,opacity .18s ease}.toggle:disabled .toggle-knob{opacity:.5}@media(prefers-reduced-motion:reduce){.agent-loader-dot{animation:none;opacity:.6}.icon-check-stroke{stroke-dashoffset:0}}.editor-pane{display:flex;min-width:0;flex:1;flex-direction:column;background:var(--palette-b10)}.top-bar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex:none;height:var(--top-bar-height);padding:0 var(--spacing-sm);border-bottom:1px solid var(--line-default);background:var(--top-bar-background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-bar-actions{display:flex;align-items:center;gap:var(--spacing-xxs)}[data-pen-toolbar]{display:flex;align-items:center;gap:var(--spacing-xs)}[data-pen-toolbar-group]{display:flex;align-items:center;gap:var(--spacing-xxs)}[data-pen-toolbar-separator]{width:1px;height:18px;margin:0 var(--spacing-xs);background:var(--line-default)}.editor-scroll{position:relative;flex:1;min-height:0;overflow-y:auto}[data-pen-editor-root]{min-height:100%}[data-pen-editor-root],[data-pen-editor-blocks-host],[data-pen-editor-block],[data-pen-inline-content]{outline:none}[data-pen-editor-content]{max-width:680px;padding:var(--spacing-xxl) var(--spacing-xxl) 40vh;margin:0 auto;overflow-wrap:break-word;font-size:var(--font-size-lg);line-height:1.65;font-feature-settings:"liga","kern"}[data-pen-editor-content][data-placeholder-visible]:before,[data-pen-inline-content][data-placeholder-visible]:before{content:attr(data-placeholder);position:absolute;white-space:nowrap;color:var(--palette-b40);pointer-events:none}[data-pen-editor-block]+[data-pen-editor-block]{margin-top:var(--spacing-lg)}[data-pen-editor-block]:is([data-block-type=bulletListItem],[data-block-type=numberedListItem],[data-block-type=checkListItem])+[data-pen-editor-block]:is([data-block-type=bulletListItem],[data-block-type=numberedListItem],[data-block-type=checkListItem]){margin-top:4px}[data-pen-editor-block][data-block-type=bulletListItem]+[data-pen-editor-block]:is([data-block-type=numberedListItem],[data-block-type=checkListItem]),[data-pen-editor-block][data-block-type=numberedListItem]+[data-pen-editor-block][data-block-type=checkListItem]{margin-top:var(--spacing-md)}[data-pen-editor-block][data-block-type=heading]{margin-top:var(--spacing-xxl);font-weight:500;line-height:1.2;letter-spacing:-.02em}[data-pen-editor-block][data-block-type=heading]:first-child{margin-top:0}[data-pen-editor-block][data-block-type=heading]+[data-pen-editor-block][data-block-type=heading]{margin-top:var(--spacing-xl)}[data-pen-editor-block][data-block-type=heading][data-level="1"]{font-size:32px}[data-pen-editor-block][data-block-type=heading][data-level="2"]{font-size:24px}[data-pen-editor-block][data-block-type=heading][data-level="3"]{font-size:var(--font-size-xl)}[data-pen-editor-block][data-block-type=heading][data-level="4"],[data-pen-editor-block][data-block-type=heading][data-level="5"],[data-pen-editor-block][data-block-type=heading][data-level="6"]{font-size:var(--font-size-lg);color:var(--palette-b80)}[data-pen-editor-block][data-block-type=heading] :is(h1,h2,h3,h4,h5,h6){margin:0;font:inherit;letter-spacing:inherit;color:inherit}[data-pen-list-marker]{color:var(--palette-b60);-webkit-user-select:none;user-select:none}[data-pen-list-item-layout][data-block-type=numberedListItem] [data-pen-list-marker]{min-width:1.5em;font-variant-numeric:tabular-nums;text-align:right}[data-pen-list-item-layout][data-block-type=bulletListItem] [data-pen-list-marker]{font-size:.85em;line-height:1.65}[data-pen-list-item-layout][data-block-type=checkListItem] input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;margin:0;border:1.5px solid var(--line-active);border-radius:4px;background:var(--palette-b0);cursor:pointer}[data-pen-list-item-layout][data-block-type=checkListItem] input[type=checkbox]:checked{border-color:var(--palette-b100);background:var(--palette-b100);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M2.4 6.2 4.8 8.6 9.6 3.4'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:11px}[data-pen-list-item-layout][data-block-type=checkListItem] input[type=checkbox]:focus-visible{outline:1.5px solid var(--line-active);outline-offset:2px}[data-pen-list-item-layout][data-checked] [data-pen-list-item-content]{color:var(--palette-b40);text-decoration:line-through;text-decoration-color:var(--palette-b20)}@media(prefers-color-scheme:dark){[data-pen-list-item-layout][data-block-type=checkListItem] input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M2.4 6.2 4.8 8.6 9.6 3.4'/%3E%3C/svg%3E")}}.pen-table-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;column-gap:var(--spacing-xs)}.pen-table-main{display:flex;min-width:0;flex-direction:column;row-gap:var(--spacing-xs)}[data-pen-table-frame]{overflow:auto;border:1px solid var(--line-active);border-radius:var(--radius-md);background:var(--card-background)}[data-pen-table]{width:100%;border-collapse:separate;border-spacing:0}[data-pen-table-cell]{padding:10px 14px;border-right:1px solid var(--line-hover);border-bottom:1px solid var(--line-hover);vertical-align:top;text-align:left;font-size:inherit;line-height:1.5}[data-pen-table] tr [data-pen-table-cell]:last-child{border-right:none}[data-pen-table] tbody tr:last-child [data-pen-table-cell]{border-bottom:none}th[data-pen-table-cell]{border-bottom-color:var(--line-active);background:var(--card-background-filled);color:var(--palette-b80);font-weight:600}[data-pen-cell-selected]{background:var(--selection-background);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--palette-blue) 70%,transparent)}.pen-table-add-row-control,.pen-table-add-column-control{display:flex;align-items:center;justify-content:center;color:var(--palette-b40);background:var(--tab-default);border-radius:var(--radius-sm);font-size:var(--font-size-md);opacity:0;transition:opacity .12s ease,background-color .1s ease,color .1s ease}.pen-table-add-row-control{width:100%;height:24px}.pen-table-add-column-control{width:24px;align-self:stretch}.pen-table-shell:hover .pen-table-add-row-control,.pen-table-shell:hover .pen-table-add-column-control,.pen-table-add-row-control:focus-visible,.pen-table-add-column-control:focus-visible{opacity:1}.pen-table-add-row-control:hover,.pen-table-add-column-control:hover{color:var(--palette-b80);background:var(--tab-active)}.pen-col-menu{position:fixed;z-index:4;width:220px;padding:5px;border-radius:var(--radius-lg);background:var(--popover-background);box-shadow:var(--popover-shadow);font-size:var(--font-size-md)}.pen-col-menu-title-row{padding:var(--spacing-xs)}.pen-col-menu-title-input{width:100%;height:30px;padding:0 8px;border:none;border-radius:var(--radius-sm);background:var(--input-background);box-shadow:var(--input-shadow-default);color:inherit;font:inherit}.pen-col-menu-title-input:focus{outline:none;box-shadow:var(--input-shadow-focus)}.pen-col-menu-section{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs);color:var(--palette-b40);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.pen-col-menu-divider{height:1px;margin:var(--spacing-xs) 0;background:var(--line-default)}.pen-col-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:6px var(--spacing-sm);border-radius:var(--radius-sm);color:var(--palette-b60);font-weight:500;text-align:left;cursor:pointer}.pen-col-menu-item:hover,.pen-col-menu-item[data-active]{color:var(--palette-b100);background:var(--tab-default)}.pen-col-menu-icon{display:inline-flex;width:1.4em;color:var(--palette-b40);font-size:var(--font-size-sm);font-weight:500}.pen-col-menu-danger{color:var(--palette-red)}.pen-col-menu-danger:hover{color:var(--palette-red);background:color-mix(in srgb,var(--palette-red) 10%,transparent)}[data-pen-editor-block]>[data-block-type=blockquote]{margin:0;padding:2px 0 2px var(--spacing-lg);border-left:2px solid var(--line-active);color:var(--palette-b60)}[data-pen-blockquote-children]{margin-top:var(--spacing-sm)}[data-pen-editor-block]>[data-block-type=codeBlock]{margin:0;padding:var(--spacing-md) var(--spacing-lg);overflow-x:auto;border:1px solid var(--line-default);border-radius:var(--radius-lg);background:var(--card-background-filled);font-family:var(--font-family-mono);font-size:var(--font-size-base);line-height:1.6;white-space:pre-wrap}[data-pen-editor-block]>[data-block-type=codeBlock] code{padding:0;background:none;font:inherit}[data-pen-editor-block]>[data-block-type=divider]{height:1px;margin:var(--spacing-sm) 0;border:none;background:var(--line-hover)}[data-pen-editor-block]>[data-block-type=callout]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);background:var(--card-background)}[data-pen-editor-block]>[data-block-type=callout][data-callout-type=info]{background:color-mix(in srgb,var(--palette-blue) 10%,transparent)}[data-pen-editor-block]>[data-block-type=callout][data-callout-type=warning]{background:color-mix(in srgb,var(--palette-yellow) 14%,transparent)}[data-pen-editor-block]>[data-block-type=callout][data-callout-type=error]{background:color-mix(in srgb,var(--palette-red) 12%,transparent)}[data-pen-callout-icon]{flex:none;line-height:1.65}[data-pen-callout-body]{min-width:0;flex:1}[data-pen-callout-children]{margin-top:var(--spacing-sm)}[data-pen-toggle-header]{display:flex;align-items:flex-start;gap:var(--spacing-xs)}[data-pen-toggle-trigger]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:2px;border-radius:var(--radius-xs);color:var(--palette-b40)}[data-pen-toggle-trigger]:hover{color:var(--palette-b80);background:var(--tab-default)}[data-pen-toggle-title]{min-width:0;flex:1;font-weight:500}[data-pen-toggle-body],[data-pen-toggle-empty-state]{margin-top:var(--spacing-xs);padding-left:26px}[data-pen-toggle-empty-button]{padding:4px 8px;border-radius:var(--radius-sm);color:var(--palette-b40);font-size:var(--font-size-md)}[data-pen-toggle-empty-button]:hover{color:var(--palette-b80);background:var(--tab-default)}[data-pen-editor-block]>[data-block-type=image]{margin:0}[data-block-type=image] img{display:block;max-width:100%;height:auto;border-radius:var(--radius-md)}[data-block-type=image] figcaption{margin-top:var(--spacing-sm);color:var(--palette-b40);font-size:var(--font-size-md);text-align:center}[data-block-type=image][data-image-empty] label{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;border:1px dashed var(--line-hover);border-radius:var(--radius-md);background:var(--card-background);color:var(--palette-b40);font-size:var(--font-size-md);cursor:pointer}[data-block-type=image][data-image-empty] label:hover{color:var(--palette-b80);border-color:var(--line-active)}[data-block-type=image][data-image-empty] label:focus-within{outline:1.5px solid var(--line-active);outline-offset:2px}[data-block-type=image][data-image-empty] input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[data-pen-blocked-url]{width:100%;min-height:120px;border:1px dashed var(--line-hover);border-radius:var(--radius-md);background:var(--card-background)}[data-pen-inline-content] code{padding:1px 5px;border-radius:var(--radius-xxs);background:var(--card-background);font-family:var(--font-family-mono);font-size:.9em}[data-pen-inline-content] a{color:var(--link-default);text-underline-offset:2px}[data-pen-inline-content] mark{border-radius:2px;background:color-mix(in srgb,var(--palette-yellow) 32%,transparent);color:inherit}[data-pen-inline-atom][data-pen-inline-atom-type=mention]{padding:0 5px;border-radius:var(--radius-round);background:color-mix(in srgb,var(--palette-purple) 12%,transparent);color:var(--palette-purple);font-weight:500}[data-pen-multiplayer-selection]{border-radius:var(--radius-xxs);background:color-mix(in srgb,var(--palette-blue) 26%,transparent)}[data-pen-multiplayer-block-selection]{border-radius:var(--radius-sm);box-shadow:0 0 0 2px color-mix(in srgb,var(--palette-blue) 45%,transparent)}[data-pen-multiplayer-cell-selection]{position:relative;background:color-mix(in srgb,var(--pen-peer-color, var(--palette-blue)) 10%,transparent);box-shadow:inset 0 0 0 2px var(--pen-peer-color, var(--palette-blue))}[data-pen-multiplayer-cell-head]:after{content:attr(data-user-name);position:absolute;right:-2px;bottom:100%;z-index:1;padding:1px 5px;border-radius:var(--radius-xxs) var(--radius-xxs) 0 0;background:var(--pen-peer-color, var(--palette-blue));color:var(--pen-peer-label-color, #fff);font-size:var(--font-size-xs);line-height:1.4;white-space:nowrap;pointer-events:none}[data-pen-slash-menu]{display:contents}[data-pen-slash-menu-content]{width:260px;padding:5px;overflow-y:auto;border-radius:var(--radius-lg);background:var(--popover-background);box-shadow:var(--popover-shadow);font-size:var(--font-size-md)}[data-pen-slash-menu-group-heading]{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs);color:var(--palette-b40);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em}[data-pen-slash-menu-item]{padding:6px var(--spacing-sm);border-radius:var(--radius-sm);color:var(--palette-b60);font-weight:500;cursor:pointer}[data-pen-slash-menu-item][data-selected]{color:var(--palette-b100);background:var(--tab-default)}[data-pen-slash-menu-empty]{padding:var(--spacing-sm);color:var(--palette-b40)}.review-surface{display:flex;min-height:0;flex:1;flex-direction:column}:root{--pen-ai-review-insert-color: var(--palette-purple);--pen-ai-review-insert-background: var(--selection-background);--pen-ai-review-delete-color: var(--palette-b40);--pen-ai-review-border-radius: 2px}.review-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);flex:none;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--line-default);background:var(--top-bar-background)}.review-bar-copy{flex:1;color:var(--palette-b80);font-size:var(--font-size-sm);font-weight:500}.review-bar-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.review-change-list{flex:1 0 100%;height:140px;font-size:var(--font-size-sm)}.review-change-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-top:1px solid var(--line-faded)}.review-change-row:first-child{border-top:0}.review-change-copy{flex:1;min-width:0}.review-change-where{color:var(--palette-b40);font-size:var(--font-size-xs);font-weight:500}.review-change-summary{overflow:hidden;color:var(--palette-b80);text-overflow:ellipsis;white-space:nowrap}.review-change-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.chat-panel{display:flex;flex-direction:column;flex:none;width:var(--chat-width);border-right:1px solid var(--line-default);background:var(--sidebar-background)}.chat-bar{display:flex;align-items:center;gap:var(--spacing-sm);flex:none;height:var(--top-bar-height);padding:0 var(--spacing-sm) 0 var(--spacing-lg);color:var(--palette-b80)}.chat-bar-actions{display:flex;align-items:center;gap:var(--spacing-xxs);margin-left:auto}.chat-bar-actions .toggle{margin-right:var(--spacing-xs)}.chat-bar-icon{display:inline-flex;color:var(--palette-purple)}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-md);text-align:center}.chat-empty-mark{display:inline-flex;color:var(--palette-purple)}.chat-empty h2{color:var(--palette-b80);text-wrap:balance;-webkit-user-select:none;user-select:none}.chat-suggestions{display:flex;flex-direction:column;gap:var(--spacing-sm);align-self:stretch}.chat-suggestion{padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-lg);background:var(--card-background);color:var(--palette-b60);font-size:var(--font-size-md);line-height:1.4;transition:background .1s ease,color .1s ease,transform .1s ease}.chat-suggestion:before{content:none}.chat-suggestion:hover{background:var(--card-background-hover)}.chat-body{display:flex;flex:1;min-height:0;padding:0 var(--spacing-md)}.chat-transcript{display:flex;flex-direction:column;gap:var(--spacing-xl);margin:0;padding:var(--spacing-sm) 0 var(--spacing-lg);list-style:none}.chat-turn{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-wrap:anywhere}.chat-prompt{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-base);line-height:1.5}.chat-status{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:0 var(--spacing-xs);font-size:var(--font-size-base);line-height:1.5;text-wrap:pretty}.chat-status-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:1.5em;line-height:0;color:var(--palette-b40)}.chat-status-icon svg{display:block;width:14px;height:14px}.chat-status-body{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);min-width:0}.chat-status[data-kind=done]{color:var(--palette-b80)}.chat-status[data-kind=failed],.chat-status[data-kind=failed] .chat-status-icon{color:var(--palette-red)}.chat-status[data-kind=loading] .chat-status-body{color:transparent;background:linear-gradient(to right,var(--palette-b20) 0%,var(--palette-b60) 50%,var(--palette-b20) 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;animation:chat-status-shimmer 3s linear infinite}@keyframes chat-status-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-composer{flex:none;align-self:stretch;margin:var(--spacing-md)}.chat-composer form{display:flex;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm)}.chat-input{min-width:0;max-height:160px;border:none;background:none;resize:none;color:var(--palette-b100);font:inherit;font-size:var(--font-size-base);outline:none;field-sizing:content}.chat-input::placeholder{color:var(--input-placeholder)}.chat-composer-actions{display:flex;align-items:center;justify-content:flex-end}.inspector-summary{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xs) var(--spacing-md);margin:0;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--line-faded);font-size:var(--font-size-sm)}.inspector-summary dt{color:var(--palette-b40);font-weight:500}.inspector-summary dd{margin:0;color:var(--palette-b80);font-family:var(--font-family-mono)}.inspector-view{flex:1;min-height:0;min-width:0;overflow:auto;padding:var(--spacing-md) var(--spacing-lg)}.block-tree{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;padding:0;list-style:none}.block-node .block-tree{margin-top:var(--spacing-sm);padding-left:var(--spacing-md);border-left:1px solid var(--line-default)}.block-node{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--card-background)}.block-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm)}.block-type{color:var(--palette-purple);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:500}.block-id{color:var(--palette-b40);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.block-text{margin:var(--spacing-xs) 0 0;color:var(--palette-b60);font-size:var(--font-size-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.block-props{margin:var(--spacing-xs) 0 0;color:var(--palette-b40);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.inspector-json{margin:0;max-width:100%;overflow:auto;color:var(--palette-b80);font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:1.5}