@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--un-bg-opacity:100%;--un-border-opacity:100%;--un-text-opacity:100%}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-backdrop-blur{syntax:"*";inherits:false}@property --un-backdrop-brightness{syntax:"*";inherits:false}@property --un-backdrop-contrast{syntax:"*";inherits:false}@property --un-backdrop-grayscale{syntax:"*";inherits:false}@property --un-backdrop-hue-rotate{syntax:"*";inherits:false}@property --un-backdrop-invert{syntax:"*";inherits:false}@property --un-backdrop-opacity{syntax:"*";inherits:false}@property --un-backdrop-saturate{syntax:"*";inherits:false}@property --un-backdrop-sepia{syntax:"*";inherits:false}:root,:host{--spacing:.25rem;--default-transition-timingFunction:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--text-xs-fontSize:.75rem;--text-xs-lineHeight:1rem;--radius-xl:.75rem;--fontWeight-medium:500;--text-sm-fontSize:.875rem;--text-sm-lineHeight:1.25rem;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-monoFont-family:var(--font-mono)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-featureSettings,normal);font-variation-settings:var(--default-font-variationSettings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-monoFont-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-monoFont-featureSettings,normal);font-variation-settings:var(--default-monoFont-variationSettings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden~=until-found])){display:none!important}.ui-add-button{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 3);border-radius:var(--radius-xl);gap:calc(var(--spacing) * 2);height:calc(var(--spacing) * 10);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.15s;align-items:center;transition-duration:.15s;display:inline-flex}.ui-shell{--un-shadow:0 30px 90px var(--un-shadow-color,#00000073);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);border-radius:32px;position:relative;overflow:hidden}.ui-toolbar-group{gap:calc(var(--spacing) * 1);align-items:center;display:flex}.ui-toolbar-strip{gap:calc(var(--spacing) * 3);align-items:center;min-width:max-content;display:flex}.ui-divider{height:calc(var(--spacing) * 6);flex-shrink:0;width:1px}.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight))}.text-\[var\(--link-color\)\]{color:color-mix(in oklab, var(--link-color) var(--un-text-opacity), transparent) }.text-\[var\(--muted-text\)\]{color:color-mix(in oklab, var(--muted-text) var(--un-text-opacity), transparent) }.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.px,.px-4{padding-inline:calc(var(--spacing) * 4)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.overscroll-contain{overscroll-behavior:contain}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[var\(--panel-border\)\]{border-color:color-mix(in oklab, var(--panel-border) var(--un-border-opacity), transparent) }.rounded-full{border-radius:3.40282e38px}.bg-\[rgba\(120\,119\,198\,0\.28\)\]{background-color:color-mix(in oklab, #7877c647 var(--un-bg-opacity), transparent) }.bg-\[rgba\(236\,72\,153\,0\.16\)\]{background-color:color-mix(in oklab, #ec489929 var(--un-bg-opacity), transparent) }.bg-\[rgba\(59\,130\,246\,0\.22\)\]{background-color:color-mix(in oklab, #3b82f638 var(--un-bg-opacity), transparent) }.bg-\[var\(--toolbar-bg\)\]{background-color:color-mix(in oklab, var(--toolbar-bg) var(--un-bg-opacity), transparent) }.hover\:opacity-80:hover{opacity:.8}.underline{text-decoration-line:underline}.flex{display:flex}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.grid{display:grid}.h-\[24rem\]{height:24rem}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-full{height:100%}.h1{height:calc(var(--spacing) * 1)}.h2{height:calc(var(--spacing) * 2)}.max-w-\[1400px\]{max-width:1400px}.min-h-\[42rem\]{min-height:42rem}.min-h-\[calc\(100vh-2rem\)\]{min-height:calc(100vh - 2rem)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-screen{min-height:100vh}.w-\[24rem\]{width:24rem}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-full{width:100%}.pointer-events-none{pointer-events:none}.italic{font-style:italic}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration))}.items-center{align-items:center}.inset-0{inset:calc(var(--spacing) * 0)}.bottom-\[-18\%\]{bottom:-18%}.left-\[-10\%\]{left:-10%}.left-\[18\%\]{left:18%}.right-\[-5\%\]{right:-5%}.top-\[-12\%\]{top:-12%}.top-\[10\%\]{top:10%}.justify-between{justify-content:space-between}.absolute{position:absolute}.relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.blur-3xl{--un-blur:blur(64px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}.table{display:table}.table-column{display:table-column}.table-row{display:table-row}@media (width>=40rem){.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-xl:.75rem;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-\[-12\%\]{top:-12%}.top-\[10\%\]{top:10%}.right-\[-5\%\]{right:-5%}.bottom-\[-18\%\]{bottom:-18%}.left-\[-10\%\]{left:-10%}.left-\[18\%\]{left:18%}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.table{display:table}.table-column{display:table-column}.table-row{display:table-row}.h-6{height:calc(var(--spacing) * 6)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-\[24rem\]{height:24rem}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[42rem\]{min-height:42rem}.min-h-\[calc\(100vh-2rem\)\]{min-height:calc(100vh - 2rem)}.min-h-screen{min-height:100vh}.w-9{width:calc(var(--spacing) * 9)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[24rem\]{width:24rem}.w-full{width:100%}.w-px{width:1px}.max-w-\[1400px\]{max-width:1400px}.min-w-max{min-width:max-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--panel-border\)\]{border-color:var(--panel-border)}.bg-\[rgba\(59\,130\,246\,0\.22\)\]{background-color:#3b82f638}.bg-\[rgba\(120\,119\,198\,0\.28\)\]{background-color:#7877c647}.bg-\[rgba\(236\,72\,153\,0\.16\)\]{background-color:#ec489929}.bg-\[var\(--toolbar-bg\)\]{background-color:var(--toolbar-bg)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-\[var\(--link-color\)\]{color:var(--link-color)}.text-\[var\(--muted-text\)\]{color:var(--muted-text)}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow-\[0_30px_90px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow:0 30px 90px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}@media (hover:hover){.hover\:opacity-80:hover{opacity:.8}}@media (width>=40rem){.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}}}:root{font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{color:#f4f4f5;background:#09090b;margin:0}button,input,textarea{font:inherit}code,pre{font-family:SFMono-Regular,Menlo,Monaco,monospace}::selection{background:#8b5cf659}.app-shell{--tt-color-highlight-yellow:#fbbf2459;--tt-color-highlight-blue:#60a5fa57;--app-background:radial-gradient(circle at top left, #7877c638, transparent 26%), radial-gradient(circle at top right, #38bdf829, transparent 28%), radial-gradient(circle at bottom center, #ec48991f, transparent 34%), linear-gradient(180deg, #0a0a0e 0%, #111117 100%);--panel-bg:#18181be6;--toolbar-bg:#18181beb;--panel-border:#ffffff14;--divider-color:#ffffff1a;--editor-text:#f4f4f5;--muted-text:#e4e4e7b8;--toolbar-icon:#e4e4e7c7;--toolbar-icon-active:#fff;--toolbar-hover:#ffffff0f;--toolbar-active:#ffffff17;--add-button-bg:#ffffff0a;--surface-code-bg:#27272ae6;--surface-inline-code-bg:#ffffff14;--surface-inline-code-text:#f5d0fe;--surface-border-strong:#ffffffb3;--surface-border-soft:#ffffff1f;--surface-placeholder:#a1a1aa8c;--link-color:#a78bfa;--image-shadow:0 28px 64px #00000059;background:var(--app-background)}.app-shell[data-theme=light]{--tt-color-highlight-yellow:#f59e0b38;--tt-color-highlight-blue:#3b82f633;--app-background:radial-gradient(circle at top left, #60a5fa29, transparent 24%), radial-gradient(circle at bottom right, #ec48991a, transparent 28%), linear-gradient(180deg, #f6f7fb 0%, #ebeef5 100%);--panel-bg:#ffffffd6;--toolbar-bg:#ffffffe6;--panel-border:#0f172a14;--divider-color:#0f172a14;--editor-text:#18181b;--muted-text:#3f3f46b8;--toolbar-icon:#3f3f46c7;--toolbar-icon-active:#18181b;--toolbar-hover:#0f172a0d;--toolbar-active:#0f172a14;--add-button-bg:#0f172a08;--surface-code-bg:#0f172a0a;--surface-inline-code-bg:#0f172a0d;--surface-inline-code-text:#7c3aed;--surface-border-strong:#0f172a6b;--surface-border-soft:#0f172a1f;--surface-placeholder:#52525b75;--link-color:#6d28d9;--image-shadow:0 24px 54px #0f172a1f}.ui-shell{background:var(--panel-bg);box-shadow:0 24px 80px #00000052}.ui-divider{background:var(--divider-color)}.ui-icon-button{color:var(--toolbar-icon);cursor:pointer;background:0 0;border:0}.ui-icon-button:hover{background:var(--toolbar-hover);color:var(--toolbar-icon-active)}.ui-icon-button.is-active{background:var(--toolbar-active);color:var(--toolbar-icon-active)}.ui-icon-button:disabled{cursor:not-allowed;opacity:.4}.ui-add-button{border:1px solid var(--panel-border);background:var(--add-button-bg);color:var(--toolbar-icon-active);cursor:pointer}.ui-add-button:hover{background:var(--toolbar-hover)}.editor-surface{position:relative}.editor-surface .ProseMirror{width:min(100%,46rem);min-height:100%;color:var(--editor-text);outline:none;margin:0 auto;padding:3rem 1rem 4rem;font-size:1.08rem;line-height:1.78}.editor-surface .ProseMirror>*{margin-top:0}.editor-surface .ProseMirror>*+*{margin-top:1.35rem}.editor-surface .ProseMirror .is-empty:before{content:attr(data-placeholder);float:left;height:0;color:var(--surface-placeholder);pointer-events:none}.editor-surface .ProseMirror h1,.editor-surface .ProseMirror h2,.editor-surface .ProseMirror h3{letter-spacing:-.03em;color:var(--editor-text);line-height:1.06}.editor-surface .ProseMirror h1{font-size:clamp(2.4rem,5vw,3.25rem);font-weight:800}.editor-surface .ProseMirror h2{font-size:clamp(1.65rem,3vw,2rem);font-weight:700}.editor-surface .ProseMirror p,.editor-surface .ProseMirror li,.editor-surface .ProseMirror blockquote{color:var(--editor-text)}.editor-surface .ProseMirror a{color:var(--link-color);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.editor-surface .ProseMirror strong{font-weight:700}.editor-surface .ProseMirror mark{color:inherit;border-radius:.25rem;padding:.06rem .18rem}.editor-surface .ProseMirror p code,.editor-surface .ProseMirror li code,.editor-surface .ProseMirror blockquote code{background:var(--surface-inline-code-bg);color:var(--surface-inline-code-text);border-radius:.5rem;padding:.14rem .42rem;font-size:.92em}.editor-surface .ProseMirror pre{border:1px solid var(--surface-border-soft);background:var(--surface-code-bg);border-radius:.9rem;padding:1rem 1.15rem;overflow-x:auto}.editor-surface .ProseMirror pre code{color:var(--editor-text);background:0 0;padding:0;font-size:.95rem}.editor-surface .ProseMirror blockquote{border-left:3px solid var(--surface-border-strong);padding-left:1rem;font-style:italic}.editor-surface .ProseMirror img{border:1px solid var(--surface-border-soft);width:100%;max-width:100%;box-shadow:var(--image-shadow);border-radius:1rem;display:block}.editor-surface .ProseMirror hr{border:0;border-top:1px solid var(--surface-border-soft)}.editor-surface .ProseMirror ul,.editor-surface .ProseMirror ol{padding-left:1.35rem}.editor-surface .ProseMirror li+li{margin-top:.6rem}.editor-surface .ProseMirror ul[data-type=taskList]{padding-left:0;list-style:none}.editor-surface .ProseMirror li[data-type=taskItem]{align-items:flex-start;gap:.75rem;display:flex}.editor-surface .ProseMirror li[data-type=taskItem]>label{margin-top:.35rem}.editor-surface .ProseMirror li[data-type=taskItem]>label input{accent-color:#8b5cf6}.editor-surface .ProseMirror li[data-type=taskItem]>div{flex:1}.editor-surface .ProseMirror li[data-type=taskItem][data-checked=true]>div{opacity:.75}.editor-surface .ProseMirror li[data-type=taskItem] p{margin:0}.editor-surface .ProseMirror .tableWrapper{overflow-x:auto}.editor-surface .ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%}.editor-surface .ProseMirror th,.editor-surface .ProseMirror td{border:1px solid var(--surface-border-soft);min-width:96px;padding:.7rem .8rem}.editor-surface .ProseMirror th{background:#ffffff0a;font-weight:700}.app-shell[data-theme=light] .editor-surface .ProseMirror th{background:#0f172a08}.editor-surface .ProseMirror .selectedCell:after{content:"";pointer-events:none;background:#8b5cf629;position:absolute;inset:0}.editor-surface .ProseMirror .column-resize-handle{background:#8b5cf6;width:4px;position:absolute;top:0;bottom:0;right:-2px}.editor-surface .ProseMirror.resize-cursor{cursor:col-resize}.editor-surface .ProseMirror .mention-chip{color:var(--link-color);background:#8b5cf62e;border-radius:999px;align-items:center;padding:.12rem .5rem;font-weight:700;display:inline-flex}.editor-surface .ProseMirror .mention-suggestion{background:#8b5cf624;border-radius:999px;padding:.08rem .35rem}.editor-surface .ProseMirror .mention-suggestion.is-empty{background:#94a3b81f}.editor-surface .ProseMirror .tiptap-mathematics-render{max-width:100%}.editor-surface .ProseMirror span.tiptap-mathematics-render{background:var(--surface-inline-code-bg);border-radius:.75rem;align-items:center;padding:.12rem .42rem;display:inline-flex}.editor-surface .ProseMirror div.tiptap-mathematics-render{border:1px solid var(--surface-border-soft);background:var(--surface-code-bg);border-radius:.9rem;padding:1rem 1.15rem;overflow-x:auto}.editor-surface .ProseMirror .inline-math-error,.editor-surface .ProseMirror .block-math-error{color:#fb7185}.bubble-menu,.mention-palette,.slash-palette{z-index:1100;border:1px solid var(--panel-border);background:var(--toolbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1rem;box-shadow:0 24px 60px #00000052}[data-mxm-editor-menu=floating]{z-index:1}.floating-menu{border:1px solid var(--panel-border);background:var(--toolbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1rem;box-shadow:0 24px 60px #00000052}.bubble-menu,.floating-menu{padding:.4rem}.slash-floating-menu,.mention-palette,.slash-palette{min-width:240px;padding:.4rem}.mention-empty,.slash-empty{color:var(--muted-text);padding:.75rem .85rem;font-size:.92rem}.mention-item,.slash-item{width:100%;color:var(--editor-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.85rem;padding:.72rem .8rem}.mention-item:hover,.mention-item.is-active,.slash-item:hover,.slash-item.is-active{background:var(--toolbar-hover)}.slash-item{flex-direction:column;gap:.15rem;display:flex}.slash-item strong{font-size:.95rem;font-weight:700}.slash-item span{color:var(--muted-text);font-size:.85rem}.playground-shell{z-index:1;position:relative}.playground-header{border:1px solid var(--panel-border);background:linear-gradient(135deg, #ffffff0f, transparent 55%), var(--panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.4rem;display:flex;box-shadow:0 24px 80px #00000038}.playground-header__copy{max-width:40rem}.playground-header__eyebrow{color:var(--muted-text);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.55rem;font-size:.76rem}.playground-header h1{color:var(--editor-text);letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3vw,2.35rem)}.playground-header p{color:var(--muted-text);margin:.55rem 0 0;font-size:.98rem;line-height:1.6}.playground-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem;display:flex}.playground-route-nav{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.playground-route-link,.playground-theme-toggle{border:1px solid var(--panel-border);color:var(--toolbar-icon);background:#ffffff08;align-items:center;gap:.55rem;padding:.72rem .9rem;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.playground-route-link:hover,.playground-theme-toggle:hover{background:var(--toolbar-hover);color:var(--toolbar-icon-active);transform:translateY(-1px)}.playground-route-link.is-active{color:var(--toolbar-icon-active);background:#60a5fa24;border-color:#60a5fa73}.playground-theme-toggle{cursor:pointer;justify-content:center;width:2.85rem;height:2.85rem;padding:0}.playground-stage{flex:1;min-height:0;display:flex}.playground-stage>*{width:100%}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-heading h2,.panel-heading h3{color:var(--editor-text);letter-spacing:-.03em;margin:0}.panel-heading p{max-width:36rem;color:var(--muted-text);margin:0;line-height:1.6}.panel-eyebrow{color:var(--muted-text);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem}.collaboration-card{border:1px solid var(--panel-border);background:var(--panel-bg);flex-direction:column;gap:1.4rem;padding:1.35rem;display:flex;box-shadow:0 24px 80px #00000038}.collaboration-card--standby{justify-content:center;min-height:24rem}.collaboration-standby{flex-direction:column;align-items:flex-start;gap:.85rem;display:flex}.collaboration-toggle{color:var(--editor-text);cursor:pointer;background:#60a5fa24;border:1px solid #60a5fa66;padding:.86rem 1.15rem;transition:background .18s,transform .18s}.collaboration-toggle:hover{background:#60a5fa38;transform:translateY(-1px)}.collaboration-standby__note{max-width:34rem;color:var(--muted-text);margin:0;line-height:1.6}.collaboration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.collaboration-panel{border:1px solid var(--panel-border);background:#ffffff05;flex-direction:column;min-height:34rem;display:flex}.collaboration-panel__label{color:var(--editor-text);padding:.9rem 1rem .35rem;font-size:.92rem;font-weight:700}.collaboration-panel__presence{flex-wrap:wrap;gap:.55rem;padding:0 1rem .9rem;display:flex}.presence-chip{border:1px solid;border-radius:999px;align-items:center;padding:.26rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.editor-surface--collaboration .ProseMirror{width:100%;max-width:none;padding:1.4rem 1rem 2.6rem}.comments-demo__grid{grid-template-columns:minmax(0,1.45fr) minmax(21rem,.85fr);align-items:start;gap:1rem;display:grid}.comments-editor-card,.comments-panel{flex-direction:column;display:flex}.comments-editor-card{min-height:42rem}.comments-card__header,.comments-panel__header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.2rem 0;display:flex}.comments-card__header h2,.comments-panel__header h3{color:var(--editor-text);letter-spacing:-.03em;margin:0}.comments-card__header p{color:var(--muted-text);margin:.55rem 0 0;line-height:1.6}.comments-stat-strip{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.comments-stat-strip span,.comments-panel__meta{color:var(--muted-text);white-space:nowrap;font-size:.82rem}.comments-ghost-button,.comments-primary-button,.comments-secondary-button{border:1px solid var(--panel-border);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;min-height:2.8rem;transition:background .18s,border-color .18s,transform .18s,opacity .18s;display:inline-flex}.comments-ghost-button:hover,.comments-primary-button:hover,.comments-secondary-button:hover{transform:translateY(-1px)}.comments-ghost-button{color:var(--editor-text);background:0 0;padding:.7rem .9rem}.comments-primary-button{width:100%;color:var(--editor-text);background:#60a5fa26;border-color:#60a5fa6b;padding:.8rem 1rem}.comments-secondary-button{color:var(--editor-text);background:#ffffff08;flex:1;padding:.8rem .95rem}.comments-primary-button:disabled,.comments-secondary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.comments-editor-note{border:1px solid var(--panel-border);color:var(--muted-text);background:#ffffff08;align-items:center;gap:.55rem;margin:1rem 1.2rem .2rem;padding:.78rem .95rem;font-size:.9rem;display:inline-flex}.comments-editor-surface .ProseMirror{padding-top:1.75rem}.comments-sidebar{flex-direction:column;gap:1rem;display:flex}.comments-panel{padding-bottom:1.1rem}.comments-selection-quote{color:var(--editor-text);background:#ffffff08;border-left:3px solid #60a5fa73;margin:1rem 1.2rem 0;padding:.95rem 1rem;line-height:1.55}.comments-textarea{border:1px solid var(--panel-border);width:calc(100% - 2.4rem);color:var(--editor-text);resize:vertical;background:#ffffff08;margin:1rem 1.2rem 0;padding:.9rem 1rem}.comments-primary-button{margin:1rem 1.2rem 0}.comments-thread-list,.comments-comment-list{flex-direction:column;gap:.75rem;margin:1rem 1.2rem 0;display:flex}.comments-thread-card{border:1px solid var(--panel-border);color:var(--editor-text);text-align:left;cursor:pointer;background:#ffffff05;flex-direction:column;gap:.55rem;padding:.9rem .95rem;transition:border-color .18s,background .18s,transform .18s;display:flex}.comments-thread-card:hover,.comments-thread-card.is-active,.comments-thread-card.is-hovered{background:#60a5fa1f;border-color:#60a5fa6b;transform:translateY(-1px)}.comments-thread-card__top,.comments-thread-card__meta,.comments-comment-card__top,.comments-thread-detail__summary,.comments-action-row,.comments-archived-item{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.comments-thread-card p,.comments-comment-card p{color:var(--muted-text);margin:0;line-height:1.55}.comments-thread-card__meta,.comments-comment-card__top,.comments-thread-detail__summary,.comments-archived-item{color:var(--muted-text);font-size:.78rem}.comments-status-chip{border-radius:999px;justify-content:center;align-items:center;min-width:5rem;padding:.28rem .62rem;font-size:.72rem;font-weight:700;display:inline-flex}.comments-status-chip.is-open{color:#fbbf24;background:#f59e0b2e}.comments-status-chip.is-resolved{color:#4ade80;background:#22c55e29}.comments-thread-detail{flex-direction:column;gap:.95rem;margin-top:1rem;display:flex}.comments-comment-card{border:1px solid var(--panel-border);background:#ffffff05;padding:.9rem .95rem}.comments-action-row{margin:0 1.2rem}.comments-empty-state{border:1px dashed var(--panel-border);color:var(--muted-text);margin:1rem 1.2rem 0;padding:1rem;line-height:1.55}.comments-empty-state--detail{margin-bottom:.1rem}.comments-archived-list{border-top:1px solid var(--divider-color);margin:1rem 1.2rem 0;padding-top:1rem}.comments-archived-list__title{color:var(--muted-text);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.65rem;font-size:.76rem}.comments-archived-item+.comments-archived-item{margin-top:.5rem}.editor-surface .ProseMirror .tiptap-thread{border-radius:.45rem;transition:box-shadow .18s,background .18s,outline-color .18s;box-shadow:inset 0 -.55em #f59e0b38}.editor-surface .ProseMirror .tiptap-thread--resolved{box-shadow:inset 0 -.55em #22c55e2e}.editor-surface .ProseMirror .tiptap-thread--selected{outline-offset:2px;outline:2px solid #60a5fa6b}.editor-surface .ProseMirror .tiptap-thread--hovered{background:#ffffff14}.pages-demo__grid{grid-template-columns:minmax(0,1.4fr) minmax(22rem,.85fr);align-items:start;gap:1rem;display:grid}.pages-editor-card,.pages-panel{flex-direction:column;display:flex}.pages-editor-card{min-height:48rem;overflow:hidden}.pages-card__header,.pages-panel__header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.2rem 0;display:flex}.pages-card__header h2,.pages-panel__header h3{color:var(--editor-text);letter-spacing:-.03em;margin:0}.pages-card__header p{color:var(--muted-text);margin:.55rem 0 0;line-height:1.6}.pages-card__meta,.pages-panel__meta{color:var(--muted-text);white-space:nowrap;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.82rem;display:inline-flex}.pages-card__toolbar{flex-wrap:wrap;gap:.75rem;padding:1rem 1.2rem 0;display:flex}.pages-toolbar-button,.pages-choice-button{border:1px solid var(--panel-border);color:var(--editor-text);cursor:pointer;background:#ffffff08;align-items:flex-start;gap:.45rem;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.pages-toolbar-button:hover,.pages-choice-button:hover{background:var(--toolbar-hover);transform:translateY(-1px)}.pages-toolbar-button{align-items:center;padding:.78rem .95rem}.pages-choice-grid{gap:.75rem;margin:1rem 1.2rem 0;display:grid}.pages-choice-grid--formats{grid-template-columns:repeat(3,minmax(0,1fr))}.pages-choice-button{text-align:left;flex-direction:column;padding:.9rem .95rem}.pages-choice-button strong{font-size:.95rem}.pages-choice-button small,.pages-stat-card p,.pages-toggle small{color:var(--muted-text);line-height:1.5}.pages-choice-button.is-active{background:#60a5fa1f;border-color:#60a5fa73}.pages-sidebar{flex-direction:column;gap:1rem;display:flex}.pages-panel{padding-bottom:1.15rem}.pages-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 1.2rem 0;display:grid}.pages-stat-card{border:1px solid var(--panel-border);background:#ffffff08;padding:.95rem 1rem}.pages-stat-card span{color:var(--muted-text);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;display:block}.pages-stat-card strong{color:var(--editor-text);letter-spacing:-.03em;margin-top:.35rem;font-size:1.3rem;display:block}.pages-control-block{flex-direction:column;gap:.7rem;margin:1rem 1.2rem 0;display:flex}.pages-control-label{color:var(--editor-text);justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.pages-range{accent-color:#3b82f6;width:100%}.pages-swatch-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.pages-swatch{border:1px solid var(--panel-border);background:var(--pages-swatch);cursor:pointer;border-radius:999px;width:2.35rem;height:2.35rem;transition:transform .18s,box-shadow .18s}.pages-swatch:hover{transform:translateY(-1px)}.pages-swatch.is-active{box-shadow:0 0 0 2px #60a5fa6b}.pages-toggle{border:1px solid var(--panel-border);background:#ffffff08;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:.75rem;margin:1rem 1.2rem 0;padding:.95rem 1rem;display:grid}.pages-toggle input{accent-color:#3b82f6;margin-top:.28rem}.pages-toggle strong{color:var(--editor-text);margin-bottom:.18rem;display:block}.pages-note-list{color:var(--muted-text);flex-direction:column;gap:.75rem;margin:1rem 1.2rem 0;padding-left:1.15rem;line-height:1.55;display:flex}.pages-editor-surface{--editor-text:#1e293b;--muted-text:#64748b;--link-color:#1d4ed8;--surface-code-bg:#e2e8f0b3;--surface-inline-code-bg:#94a3b82e;--surface-inline-code-text:#1d4ed8;--surface-border-strong:#0f172a3d;--surface-border-soft:#0f172a1f;--surface-placeholder:#64748b80;--image-shadow:0 26px 60px #0f172a1f;border-top:1px solid var(--panel-border);background:#e5e7eb;min-height:46rem;padding:1.25rem}.pages-editor-surface.mxm-pages{overflow:auto}.pages-editor-surface.mxm-pages .mxm-pages-editor{padding-top:0;padding-bottom:0}.pages-editor-surface .mxm-pages-editor .mxm-page-region{color:#475569}.app-shell[data-theme=light] .playground-route-link,.app-shell[data-theme=light] .playground-theme-toggle,.app-shell[data-theme=light] .comments-selection-quote,.app-shell[data-theme=light] .comments-thread-card,.app-shell[data-theme=light] .comments-comment-card,.app-shell[data-theme=light] .comments-editor-note,.app-shell[data-theme=light] .comments-textarea,.app-shell[data-theme=light] .comments-secondary-button,.app-shell[data-theme=light] .collaboration-panel,.app-shell[data-theme=light] .pages-toolbar-button,.app-shell[data-theme=light] .pages-choice-button,.app-shell[data-theme=light] .pages-stat-card,.app-shell[data-theme=light] .pages-toggle{background:#0f172a08}.app-shell[data-theme=light] .comments-primary-button{background:#3b82f61f}.app-shell[data-theme=light] .pages-choice-button.is-active,.app-shell[data-theme=light] .comments-thread-card:hover,.app-shell[data-theme=light] .comments-thread-card.is-active,.app-shell[data-theme=light] .comments-thread-card.is-hovered{background:#3b82f61c}.app-shell[data-theme=light] .editor-surface .ProseMirror .tiptap-thread--hovered{background:#0f172a0d}.app-shell[data-theme=light] .pages-editor-surface{background:radial-gradient(circle at top,#93c5fd38,#0000 34%),linear-gradient(#cbd5e14d,#94a3b824)}@media (width<=768px){.playground-header{flex-direction:column;align-items:stretch}.playground-header__actions{justify-content:space-between}.collaboration-grid,.comments-demo__grid,.pages-demo__grid{grid-template-columns:minmax(0,1fr)}.comments-editor-card{min-height:32rem}.pages-editor-card{min-height:34rem}.comments-action-row{flex-direction:column;align-items:stretch}.comments-secondary-button{width:100%}.pages-choice-grid--formats,.pages-stat-grid{grid-template-columns:minmax(0,1fr)}.editor-surface .ProseMirror{padding-top:2rem;font-size:1rem}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}