:root{--lightningcss-light:initial;--lightningcss-dark: ;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:#00000008;--button-color-hover:#0009;--button-color-disabled:#0000004d;--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 #5f7a8f40, inset 1px 1px 1px 0px #fff;--button-shadow-primary-hover:0px 2px 3px #5f7a8f40, inset 1px 1px 1px 0px #fff;--button-shadow-primary-active:0px 1px 2px #5f7a8f1a, inset 1px 1px 1px 0px #fff;--button-shadow-secondary-default:0px 2px 5px #0006;--button-shadow-secondary-hover:0px 3px 5px #0006;--button-shadow-secondary-active:0px 1px 3px #0003;--tab-default:#0000000d;--tab-hover:#00000008;--tab-active:#0001;--line-faded:#00000008;--line-default:#0000000d;--line-hover:#00000017;--line-active:#00000024;--card-background:#00000008;--card-background-hover:#0000000f;--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 #5f7a8f33, inset 0px 0px 1px 1px #fff, inset 0 0 0 1px #00000026;--tooltip-background:#f6f6f8e6;--input-background:#f6f6f8;--input-placeholder:#00000059;--input-shadow-default:0px 3px 10px 0px #5f7a8f2e, inset 0px 0px 0px 1px #00000014;--input-shadow-focus:0px 3px 10px 0px #5f7a8f3b, inset 0px 0px 0px 1.5px #00000024;--link-default:#0af;--selection-background:#66bbff1a;--spinner-background:#0006;--scroll-bar-thumb:#0000001a;--scroll-bar-thumb-hover:#0000004d;--toggle-background:#00000014;--toggle-hover:#0000001a;--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{--lightningcss-light: ;--lightningcss-dark:initial;--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:#e3e3fe99;--button-color-disabled:#ffffff4d;--button-secondary-text-disabled:var(--palette-b10);--button-shadow-primary-default:0px 2px 3px #00000080, inset .5px .5px .5px .5px #ffffff3d;--button-shadow-primary-hover:0px 3px 4px #0009, inset .5px .5px .5px .5px #ffffff3d;--button-shadow-primary-active:0px 2px 3px #00000059, inset .5px .5px .5px .5px #ffffff3d;--tab-default:#e3e3fe14;--tab-hover:#e3e3fe0f;--tab-active:#e3e3fe1a;--line-faded:#e3e3fe0d;--line-default:#e3e3fe14;--line-hover:#e3e3fe29;--line-active:#e3e3fe3d;--card-background:#e3e3fe0d;--card-background-hover:#e3e3fe14;--card-background-filled:#1a1a20;--sidebar-background:#0b0b0f;--popover-background:#111117;--popover-shadow:0px 4px 14px 0px #00000080, inset 0px 0px 0px 1px #ffffff1a;--tooltip-background:#18181fe6;--input-background:#111117;--input-placeholder:#d1cffc59;--input-shadow-default:0px 4px 14px 0px #00000080, inset 0px 0px 0px 1px #ffffff1a;--input-shadow-focus:0px 4px 18px 0px #0009, inset 0px 0px 0px 1.5px #ffffff1f;--link-default:#6bf;--spinner-background:#fff6;--scroll-bar-thumb:#e3e3fe1a;--scroll-bar-thumb-hover:#e3e3fe4d;--toggle-background:#fff3;--toggle-hover:#fff3;--toggle-active:var(--palette-purple);--toggle-active-hover:var(--palette-purple-light)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--palette-b100);background:var(--sidebar-background);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4,h5,p{margin:0}h2{font-size:var(--font-size-xl);letter-spacing:-.01em;font-weight:500;line-height:1.2em}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;background:0 0;border: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:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{height:100%;display:flex;position:relative;overflow:hidden}.built-by{right:var(--spacing-md);bottom:var(--spacing-md);z-index:5;border-radius:var(--radius-md);color:var(--palette-b80);font-size:var(--font-size-md);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#000;border:1.5px solid #ffffff26;align-items:center;padding:8px 10px;font-weight:600;text-decoration:none;display:inline-flex;position:absolute}.built-by:hover{color:var(--palette-b100);border-color:#fff3}.built-by svg{flex:none;margin-left:2px;margin-right:1px}@media (width<=700px){.chat-panel{display:none}}.button{isolation:isolate;border-radius:var(--radius-round);height:36px;font-size:var(--font-size-body);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;font-weight:500;transition:color .1s,background-color .1s,box-shadow .1s,transform .1s,opacity .1s;display:inline-flex;position:relative;overflow:hidden}.button-sm{height:28px;font-size:var(--font-size-md);padding:0 10px}.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){box-shadow:var(--button-shadow-secondary-active);transform:scale(.99)}.button-secondary:disabled{color:var(--button-secondary-text-disabled)}.button-tertiary{color:var(--palette-b100);border:1px solid var(--button-border);box-shadow:var(--button-shadow-primary-default);background:0 0}.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){box-shadow:var(--button-shadow-primary-active);transform:scale(.99)}.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:"";z-index:-1;border-radius:inherit;background:var(--tab-hover);opacity:0;transition:opacity .1s,background .1s;position:absolute;inset:0;transform:scale(.7)}.button-transparent:hover:not(:disabled):before{opacity:1;transition:opacity .1s,background .1s,transform .1s;transform:scale(1)}.button-transparent:focus-visible:before{opacity:1;background:var(--tab-active);transition:none;transform:scale(1)}.button-transparent:active:not(:disabled):before{transform:scale(.94)}.button-transparent[data-active]:before{opacity:1;background:var(--tab-active);transform:scale(1)}.button-transparent:focus-visible{outline:none}.button-transparent[data-enabled],.button-transparent[data-enabled]:hover:not(:disabled){color:var(--palette-blue)}.tooltip-anchor{display:inline-flex;position:relative}.tooltip{z-index:4;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);white-space:nowrap;pointer-events:none;opacity:0;align-items:center;padding:6px 10px;font-weight:500;line-height:1.5em;transition:opacity .2s,transform .2s;display:flex;position:absolute;transform:scale(0)}.tooltip-shortcut{color:var(--palette-b40);margin-left:5px;font-weight:400}.tooltip[data-side=bottom]{transform-origin:top;top:calc(100% + 5px);left:50%;translate:-50%}.tooltip[data-side=top]{transform-origin:bottom;bottom:calc(100% + 5px);left:50%;translate:-50%}.tooltip[data-side=left]{transform-origin:100%;top:50%;right:calc(100% + 5px);translate:0 -50%}.tooltip[data-side=right]{transform-origin:0;top:50%;left:calc(100% + 5px);translate:0 -50%}.tooltip-anchor:hover>.tooltip,.tooltip-anchor:focus-within>.tooltip{opacity:1;transition-delay:.3s;transform:scale(1)}.tooltip-anchor[data-disabled]>.tooltip{display:none}.select{display:inline-flex;position:relative}.select-trigger{justify-content:flex-start;min-width:118px;padding-right:28px;overflow:visible}.select-label{text-overflow:ellipsis;min-width:0;font-weight:400;overflow:hidden}.select-chevron{color:var(--palette-b60);transition:transform .1s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.select-chevron svg{width:10px;height:10px}.select[data-open] .select-chevron{transform:translateY(-50%)rotate(180deg)}.select-menu{z-index:4;min-width:180px;padding:var(--spacing-xs);border-radius:var(--radius-lg);background:var(--popover-background);box-shadow:var(--popover-shadow);margin:0;list-style:none;animation:.16s ease-out select-menu-in;position:absolute;top:calc(100% + 5px);left:0}.select-option{align-items:center;gap:var(--spacing-sm);border-radius:calc(var(--radius-lg) - var(--spacing-xs));width:100%;height:30px;color:var(--palette-b80);font-size:var(--font-size-md);text-align:left;padding:0 10px 0 6px;display:flex}.select-option:hover,.select-option[data-highlighted]{background:var(--tab-default)}.select-option-check{width:14px;color:var(--palette-b60);justify-content:center;align-items:center;display:inline-flex}@keyframes select-menu-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.badge{border-radius:var(--radius-round);color:var(--palette-yellow);font-size:var(--font-size-sm);white-space:nowrap;border:1px solid;flex:none;padding:2px 6px;font-weight:500;line-height:1.3em;display:inline-block}.tile{border-radius:var(--radius-xl);background:var(--tile-background);color:var(--palette-b80);text-align:left;flex-direction:column;display:flex;position:relative}.tile:before{content:"";z-index:2;border-radius:inherit;box-shadow:var(--input-shadow-default);pointer-events:none;transition:box-shadow .1s;position:absolute;inset:0}.tile:focus-within:before{box-shadow:var(--input-shadow-focus)}.tile-interactive{cursor:pointer;transition:color .1s,transform .1s}.tile-interactive:hover{color:var(--palette-b100)}.tile-interactive:active{transform:scale(.99)}.scroll-area{flex:1;min-width:0;min-height:0;display:flex;position:relative}.scroll-viewport{flex:1;min-width:0;min-height:0;overflow-y:auto}.scroll-viewport>div{flex-direction:column;min-width:0;min-height:100%;display:flex}.scroll-area:before,.scroll-area:after{content:"";z-index:1;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:28px;transition:opacity .15s;position:absolute;left:0;right:0}.scroll-area:before{background:linear-gradient(to bottom, var(--fade-background), transparent);top:0;-webkit-mask-image:linear-gradient(#000 35%,#00000073 75%,#0000 100%);mask-image:linear-gradient(#000 35%,#00000073 75%,#0000 100%)}.scroll-area:after{background:linear-gradient(to top, var(--fade-background), transparent);bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#00000073 25%,#000 65%);mask-image:linear-gradient(#0000 0%,#00000073 25%,#000 65%)}.scroll-area[data-fade-top]:before,.scroll-area[data-fade-bottom]:after{opacity:1}.tabs{flex:none;display:flex;position:relative}.tab{z-index:1;height:28px;color:var(--palette-b40);font-size:var(--font-size-md);flex:1;padding:0 10px;font-weight:500;line-height:1em;transition:color .2s;position:relative}.tab:hover{color:var(--palette-b60)}.tab[aria-selected=true]{color:var(--palette-b100)}.tab-selector{border-radius:var(--radius-round);background:var(--tab-default);transition:transform .2s;position:absolute;top:0;bottom:0;left:0}.sheet{--fade-background:var(--popover-background);top:calc(var(--top-bar-height) + var(--spacing-md));right:var(--spacing-md);bottom:var(--spacing-md);z-index:2;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;flex-direction:column;transition:transform .2s,opacity .2s;display:flex;position:absolute;overflow:hidden;transform:translate(80px)}.sheet[data-open]{opacity:1;transform:translate(0)}.sheet-bar{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--line-default);flex:none;margin:0 5px;display:flex}.sheet-actions{align-items:center;gap:var(--spacing-xs);display:flex}.sheet-body{flex:1;min-width:0;min-height:0;display:flex}.agent-loader{width:12px;height:12px;color:var(--spinner-background);vertical-align:middle;grid-template-rows:repeat(3,2.667px);grid-template-columns:repeat(3,2.667px);gap:2px;display:inline-grid}.agent-loader-dot{background:currentColor;border-radius:50%;animation:1.333s infinite agent-loader-edge}.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:16px;animation:.2s ease-out forwards icon-check-draw}@keyframes icon-check-draw{to{stroke-dashoffset:0}}.modal-backdrop{z-index:6;padding:var(--spacing-xl);background:#00000047;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.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{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.modal-bar h2{color:var(--palette-b80);font-size:var(--font-size-lg);font-weight:500}.modal-form{gap:var(--spacing-md);flex-direction:column;display:flex}.modal-copy{color:var(--palette-b60);font-size:var(--font-size-base);line-height:1.5}.modal-field{gap:var(--spacing-xs);color:var(--palette-b60);font-size:var(--font-size-sm);flex-direction:column;font-weight:500;display:flex}.modal-field input{height:36px;padding:0 var(--spacing-md);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);border:none;outline:none;font-weight:400}.modal-field input:focus{box-shadow:var(--input-shadow-focus)}.modal-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-xs);display:flex}.toggle{--toggle-knob-x:0px;--toggle-knob-scale:1;color:var(--palette-b40);flex-shrink:0;align-items:center;padding:0;display:inline-flex}.toggle[aria-checked=true]{--toggle-knob-x:8px}.toggle:hover:not(:disabled){--toggle-knob-scale:.9}.toggle:disabled{cursor:default}.toggle-label{font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;margin-right:5px;font-weight:500;line-height:1em}.toggle-track{border-radius:var(--radius-round);background:var(--toggle-background);width:22px;height:14px;padding:2px;transition:background .18s;display:block}.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{border-radius:var(--radius-round);background:var(--palette-b10);width:10px;height:10px;transform:translateX(var(--toggle-knob-x)) scale(var(--toggle-knob-scale));transition:transform .18s,opacity .18s;display:block}.toggle:disabled .toggle-knob{opacity:.5}@media (prefers-reduced-motion:reduce){.agent-loader-dot{opacity:.6;animation:none}.icon-check-stroke{stroke-dashoffset:0}}.editor-pane{background:var(--palette-b10);flex-direction:column;flex:1;min-width:0;display:flex}.top-bar{z-index:3;justify-content:space-between;align-items:center;gap:var(--spacing-sm);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);flex:none;display:flex;position:relative}.top-bar-actions{align-items:center;gap:var(--spacing-xxs);display:flex}[data-pen-toolbar]{align-items:center;gap:var(--spacing-xs);display:flex}[data-pen-toolbar-group]{align-items:center;gap:var(--spacing-xxs);display:flex}[data-pen-toolbar-separator]{width:1px;height:18px;margin:0 var(--spacing-xs);background:var(--line-default)}.editor-scroll{flex:1;min-height:0;position:relative;overflow-y:auto}[data-pen-editor-root]{--pen-focus-ring:transparent;--pen-placeholder-color:var(--palette-b40);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;overflow-wrap:break-word;font-size:var(--font-size-lg);font-feature-settings:"liga", "kern";margin:0 auto;line-height:1.65}[data-pen-editor-content][data-placeholder-visible]:before{content:attr(data-placeholder);white-space:nowrap;color:var(--palette-b40);pointer-events:none;position:absolute}[data-pen-editor-block]+[data-pen-editor-block],[data-pen-editor-block]+[data-pen-list-group],[data-pen-list-group]+[data-pen-editor-block]{margin-top:var(--spacing-lg)}[data-pen-list-group]+[data-pen-list-group]{margin-top:var(--spacing-md)}[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);letter-spacing:-.02em;font-weight:500;line-height:1.2}[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){font:inherit;letter-spacing:inherit;color:inherit;margin:0}[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]{font-variant-numeric:tabular-nums;text-align:right;min-width:1.5em}[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]{appearance:none;border:1.5px solid var(--line-active);background:var(--palette-b0);cursor:pointer;border-radius:4px;width:15px;height:15px;margin:0}[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:50%;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;-webkit-text-decoration-color:var(--palette-b20);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{align-items:stretch;column-gap:var(--spacing-xs);grid-template-columns:minmax(0,1fr) auto;display:grid}.pen-table-main{row-gap:var(--spacing-xs);flex-direction:column;min-width:0;display:flex}[data-pen-table-frame]{border:1px solid var(--line-active);border-radius:var(--radius-md);background:var(--card-background);overflow:auto}[data-pen-table]{border-collapse:separate;border-spacing:0;width:100%}[data-pen-table-cell]{border-right:1px solid var(--line-hover);border-bottom:1px solid var(--line-hover);vertical-align:top;text-align:left;font-size:inherit;padding:10px 14px;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{color:var(--palette-b40);background:var(--tab-default);border-radius:var(--radius-sm);font-size:var(--font-size-md);opacity:0;justify-content:center;align-items:center;transition:opacity .12s,background-color .1s,color .1s;display:flex}.pen-table-add-row-control{width:100%;height:24px}.pen-table-add-column-control{align-self:stretch;width:24px}.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{z-index:4;border-radius:var(--radius-lg);background:var(--popover-background);width:220px;box-shadow:var(--popover-shadow);font-size:var(--font-size-md);padding:5px;position:fixed}.pen-col-menu-title-row{padding:var(--spacing-xs)}.pen-col-menu-title-input{border-radius:var(--radius-sm);background:var(--input-background);width:100%;height:30px;box-shadow:var(--input-shadow-default);color:inherit;font:inherit;border:none;padding:0 8px}.pen-col-menu-title-input:focus{box-shadow:var(--input-shadow-focus);outline:none}.pen-col-menu-section{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs);color:var(--palette-b40);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.pen-col-menu-divider{height:1px;margin:var(--spacing-xs) 0;background:var(--line-default)}.pen-col-menu-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:6px var(--spacing-sm);border-radius:var(--radius-sm);color:var(--palette-b60);text-align:left;cursor:pointer;font-weight:500;display:flex}.pen-col-menu-item:hover,.pen-col-menu-item[data-active]{color:var(--palette-b100);background:var(--tab-default)}.pen-col-menu-icon{width:1.4em;color:var(--palette-b40);font-size:var(--font-size-sm);font-weight:500;display:inline-flex}.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]{padding:2px 0 2px var(--spacing-lg);border-left:2px solid var(--line-active);color:var(--palette-b60);margin:0}[data-pen-blockquote-children]{margin-top:var(--spacing-sm)}[data-pen-editor-block]>[data-block-type=codeBlock]{padding:var(--spacing-md) var(--spacing-lg);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);white-space:pre-wrap;margin:0;line-height:1.6;overflow-x:auto}[data-pen-editor-block]>[data-block-type=codeBlock] code{font:inherit;background:0 0;padding:0}[data-pen-editor-block]>[data-block-type=divider]{height:1px;margin:var(--spacing-sm) 0;background:var(--line-hover);border:none}[data-pen-editor-block]>[data-block-type=callout]{gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);background:var(--card-background);display:flex}[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]{flex:1;min-width:0}[data-pen-callout-children]{margin-top:var(--spacing-sm)}[data-pen-toggle-header]{align-items:flex-start;gap:var(--spacing-xs);display:flex}[data-pen-toggle-trigger]{border-radius:var(--radius-xs);width:22px;height:22px;color:var(--palette-b40);justify-content:center;align-items:center;margin-top:2px;display:flex}[data-pen-toggle-trigger]:hover{color:var(--palette-b80);background:var(--tab-default)}[data-pen-toggle-title]{flex:1;min-width:0;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]{border-radius:var(--radius-sm);color:var(--palette-b40);font-size:var(--font-size-md);padding:4px 8px}[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{border-radius:var(--radius-md);max-width:100%;height:auto;display:block}[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{border:1px dashed var(--line-hover);border-radius:var(--radius-md);background:var(--card-background);min-height:120px;color:var(--palette-b40);font-size:var(--font-size-md);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}[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]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[data-pen-blocked-url]{border:1px dashed var(--line-hover);border-radius:var(--radius-md);background:var(--card-background);width:100%;min-height:120px}[data-pen-inline-content] code{border-radius:var(--radius-xxs);background:var(--card-background);font-family:var(--font-family-mono);padding:1px 5px;font-size:.9em}[data-pen-inline-content] a{color:var(--link-default);text-underline-offset:2px}[data-pen-inline-content] mark{background:color-mix(in srgb, var(--palette-yellow) 32%, transparent);color:inherit;border-radius:2px}[data-pen-inline-atom][data-pen-inline-atom-type=mention]{border-radius:var(--radius-round);background:color-mix(in srgb, var(--palette-purple) 12%, transparent);color:var(--palette-purple);padding:0 5px;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]{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));position:relative}[data-pen-multiplayer-cell-head]:after{content:attr(data-user-name);z-index:1;border-radius:var(--radius-xxs) var(--radius-xxs) 0 0;background-color:var(--pen-peer-color,var(--palette-blue));color:var(--pen-peer-label-color,#fff);font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;padding:1px 5px;line-height:1.4;position:absolute;bottom:100%;right:-2px}[data-pen-slash-menu]{display:contents}[data-pen-slash-menu-content]{border-radius:var(--radius-lg);background:var(--popover-background);width:260px;box-shadow:var(--popover-shadow);font-size:var(--font-size-md);padding:5px;overflow-y:auto}[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);text-transform:uppercase;letter-spacing:.04em;font-weight:500}[data-pen-slash-menu-item]{padding:6px var(--spacing-sm);border-radius:var(--radius-sm);color:var(--palette-b60);cursor:pointer;font-weight:500}[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)}[data-pen-ai-root]{min-height:100%}[data-pen-ai-inline-session]{z-index:4;box-sizing:border-box;width:100%;max-width:600px;font-size:var(--font-size-base);justify-content:flex-start;margin:0 -5px;padding-bottom:8px;display:flex;position:relative}[data-pen-ai-inline-session-form]{border-radius:var(--radius-xl);background:var(--popover-background);width:100%;box-shadow:var(--popover-shadow);flex-direction:column;padding:0 5px 5px;display:flex;overflow:hidden}[data-pen-ai-inline-session-header]{display:none}[data-pen-ai-inline-session-history]{flex-direction:column;display:flex}[data-pen-ai-inline-session-prompt]{border-bottom:1px solid var(--line-faded);min-width:0;color:var(--palette-b60);font-size:var(--font-size-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:10px;line-height:1.5em;display:-webkit-box;overflow:hidden}[data-pen-ai-inline-session-input]{resize:none;width:100%;min-width:0;max-height:160px;color:var(--palette-b100);font:inherit;font-size:var(--font-size-base);field-sizing:content;background:0 0;border:none;outline:none;padding:10px 10px 5px;line-height:1.5em}[data-pen-ai-inline-session-input]::placeholder{color:var(--input-placeholder)}[data-pen-ai-inline-session-controls]{justify-content:space-between;align-items:center;gap:5px;display:flex}[data-pen-ai-inline-session-status]{min-width:0;color:var(--palette-b40);font-size:var(--font-size-md);padding:0 10px;line-height:1.5em}[data-pen-ai-inline-session-actions]{flex-shrink:0;align-items:center;gap:5px;display:flex}.review-surface{flex-direction:column;flex:1;min-height:0;display:flex}: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{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--line-default);background:var(--top-bar-background);flex-wrap:wrap;flex:none;display:flex}.review-bar-copy{color:var(--palette-b80);font-size:var(--font-size-sm);flex:1;font-weight:500}.review-bar-actions{align-items:center;gap:var(--spacing-xs);display:flex}.review-change-list{height:140px;font-size:var(--font-size-sm);flex:1 0 100%}.review-change-row{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-top:1px solid var(--line-faded);display:flex}.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{color:var(--palette-b80);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.review-change-actions{align-items:center;gap:var(--spacing-xs);display:flex}.chat-panel{width:var(--chat-width);border-right:1px solid var(--line-default);background:var(--sidebar-background);flex-direction:column;flex:none;display:flex}.chat-bar{align-items:center;gap:var(--spacing-sm);height:var(--top-bar-height);padding:0 var(--spacing-sm) 0 var(--spacing-lg);color:var(--palette-b80);flex:none;display:flex}.chat-bar-actions{align-items:center;gap:var(--spacing-xxs);margin-left:auto;display:flex}.chat-bar-actions .toggle{margin-right:var(--spacing-xs)}.chat-reveal-status{margin-right:var(--spacing-xs);color:var(--palette-b40);font-size:var(--font-size-xs);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:500;line-height:1}.chat-bar-icon{color:var(--palette-purple);display:inline-flex}.chat-empty{justify-content:center;align-items:center;gap:var(--spacing-lg);min-height:0;padding:var(--spacing-xl) var(--spacing-md);text-align:center;flex-direction:column;flex:1;display:flex}.chat-empty-mark{color:var(--palette-purple);display:inline-flex}.chat-empty h2{color:var(--palette-b80);text-wrap:balance;-webkit-user-select:none;user-select:none}.chat-suggestions{gap:var(--spacing-sm);flex-direction:column;align-self:stretch;display:flex}.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,color .1s,transform .1s}.chat-suggestion:before{content:none}.chat-suggestion:hover{background:var(--card-background-hover)}.chat-body{min-height:0;padding:0 var(--spacing-md);flex:1;display:flex}.chat-transcript{gap:var(--spacing-xl);padding:var(--spacing-sm) 0 var(--spacing-lg);flex-direction:column;margin:0;list-style:none;display:flex}.chat-turn{gap:var(--spacing-md);overflow-wrap:anywhere;flex-direction:column;display:flex}.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{align-items:flex-start;gap:var(--spacing-md);padding:0 var(--spacing-xs);font-size:var(--font-size-base);text-wrap:pretty;line-height:1.5;display:flex}.chat-status-icon{width:14px;height:1.5em;color:var(--palette-b40);flex:0 0 14px;justify-content:center;align-items:center;line-height:0;display:inline-flex}.chat-status-icon svg{width:14px;height:14px;display:block}.chat-status-body{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;min-width:0;display:flex}.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:#0000;background:linear-gradient(to right, var(--palette-b20) 0%, var(--palette-b60) 50%, var(--palette-b20) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite chat-status-shimmer}@keyframes chat-status-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-composer{margin:var(--spacing-md);flex:none;align-self:stretch}.chat-composer form{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.chat-input{resize:none;min-width:0;max-height:160px;color:var(--palette-b100);font:inherit;font-size:var(--font-size-base);field-sizing:content;background:0 0;border:none;outline:none}.chat-input::placeholder{color:var(--input-placeholder)}.chat-composer-actions{justify-content:flex-end;align-items:center;display:flex}.inspector-summary{gap:var(--spacing-xs) var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--line-faded);font-size:var(--font-size-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.inspector-summary dt{color:var(--palette-b40);font-weight:500}.inspector-summary dd{color:var(--palette-b80);font-family:var(--font-family-mono);margin:0}.inspector-view{min-width:0;min-height:0;padding:var(--spacing-md) var(--spacing-lg);flex:1;overflow:auto}.block-tree{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.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{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);display:flex}.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);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;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{max-width:100%;color:var(--palette-b80);font-family:var(--font-family-mono);font-size:var(--font-size-xs);margin:0;line-height:1.5;overflow:auto}