@layer properties,theme,base;@layer components{.scratchpad-toolbar-region{height:1px}.scratchpad-toolbar-row{z-index:30;justify-content:flex-start;display:flex;position:sticky;top:4rem}.scratchpad-toolbar-button{height:2rem;color:var(--color-slate-500);border-radius:.5rem;align-items:center;gap:.375rem;padding-inline:.5rem;font-size:.75rem;font-weight:700;line-height:1.33333;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}@media (hover:hover){.scratchpad-toolbar-button:hover{background-color:var(--color-slate-100);color:var(--color-slate-800)}}.scratchpad-toolbar-button:is(.dark *){color:var(--color-slate-300)}@media (hover:hover){.scratchpad-toolbar-button:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent);color:var(--color-white)}}.scratchpad-toolbar-surface{margin-inline:var(--spacing);background-color:var(--color-slate-200);width:1px;height:1.25rem}.scratchpad-toolbar-surface:is(.dark *){background-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}.scratchpad-toolbar-region-2{position:relative}.scratchpad-toolbar-label{font-size:.875rem;font-weight:900;line-height:1}.scratchpad-toolbar-overlay{z-index:50;border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);--effect-shadow:0 20px 25px -5px var(--effect-shadow-color,#0000001a), 0 8px 10px -6px var(--effect-shadow-color,#0000001a);width:11rem;box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);border-radius:.75rem;margin-top:.5rem;padding:.75rem;position:absolute;top:100%;left:0}.scratchpad-toolbar-overlay:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent);background-color:var(--color-slate-900)}.scratchpad-toolbar-eyebrow{letter-spacing:.1em;color:var(--color-slate-400);text-transform:uppercase;margin-bottom:.5rem;font-size:10px;font-weight:900}.scratchpad-toolbar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.scratchpad-toolbar-insert-sin{color:var(--color-slate-500);border-radius:.375rem;padding:.375rem;font-size:.75rem;font-weight:800;line-height:1.33333;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.scratchpad-toolbar-insert-sin:hover{background-color:var(--color-slate-200);color:var(--color-slate-800)}}.scratchpad-toolbar-insert-sin:is(.dark *){color:var(--color-slate-400)}@media (hover:hover){.scratchpad-toolbar-insert-sin:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent);color:var(--color-white)}}.scratchpad-toolbar-insert-theta{color:var(--color-slate-500);border-radius:.375rem;padding:.375rem;font-size:.875rem;font-style:italic;font-weight:700;line-height:1.42857;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.scratchpad-toolbar-insert-theta:hover{background-color:var(--color-slate-200);color:var(--color-slate-800)}}.scratchpad-toolbar-insert-theta:is(.dark *){color:var(--color-slate-400)}@media (hover:hover){.scratchpad-toolbar-insert-theta:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent);color:var(--color-white)}}.scratchpad-toolbar-insert-squared{color:var(--color-slate-500);border-radius:.375rem;padding:.375rem;font-size:.875rem;font-weight:700;line-height:1.42857;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.scratchpad-toolbar-insert-squared:hover{background-color:var(--color-slate-200);color:var(--color-slate-800)}}.scratchpad-toolbar-insert-squared:is(.dark *){color:var(--color-slate-400)}@media (hover:hover){.scratchpad-toolbar-insert-squared:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent);color:var(--color-white)}}.scratchpad-toolbar-insert-fraction{color:var(--color-slate-500);border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}@media (hover:hover){.scratchpad-toolbar-insert-fraction:hover{background-color:var(--color-slate-200);color:var(--color-slate-800)}}.scratchpad-toolbar-insert-fraction:is(.dark *){color:var(--color-slate-400)}@media (hover:hover){.scratchpad-toolbar-insert-fraction:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent);color:var(--color-white)}}.scratchpad-toolbar-row-2{border-style:solid;border-width:1px;border-color:color-mix(in oklab, var(--color-slate-200) 90%, transparent);background-color:color-mix(in oklab, var(--color-white) 95%, transparent);--effect-shadow:0 10px 15px -3px var(--effect-shadow-color,#0000001a), 0 4px 6px -4px var(--effect-shadow-color,#0000001a);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);--effect-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 10%, transparent) 100%, transparent);--effect-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--effect-backdrop-blur, );backdrop-filter:var(--effect-backdrop-blur, );border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.375rem;padding:.375rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.scratchpad-toolbar-row-2:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent);background-color:color-mix(in oklab, var(--color-slate-900) 95%, transparent);--effect-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) 100%, transparent)}.scratchpad-toolbar-region-3{width:fit-content}.scratchpad-toolbar-region-4{width:100%}.scratchpad-toolbar-undo{border-radius:.375rem;align-items:center;gap:.375rem;height:2rem;padding-inline:.5rem;font-size:.75rem;font-weight:700;line-height:1.33333;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.scratchpad-toolbar-undo-2{background-color:var(--color-brand-50);color:var(--color-brand-600)}@media (hover:hover){.scratchpad-toolbar-undo-2:hover{background-color:var(--color-brand-100)}}.scratchpad-toolbar-undo-2:is(.dark *){background-color:color-mix(in oklab, var(--color-brand-500) 15%, transparent)}@media (hover:hover){.scratchpad-toolbar-undo-2:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-brand-500) 25%, transparent)}}.scratchpad-toolbar-undo-3{cursor:not-allowed;color:var(--color-slate-300)}.scratchpad-toolbar-undo-3:is(.dark *){color:var(--color-slate-600)}.scratchpad-toolbar-bold{border-radius:.375rem;padding:.375rem;font-weight:700;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.scratchpad-toolbar-bold-2{background-color:var(--color-brand-100);color:var(--color-brand-600)}.scratchpad-toolbar-bold-2:is(.dark *){background-color:color-mix(in oklab, var(--color-brand-500) 30%, transparent)}.scratchpad-toolbar-bold-3{color:var(--color-slate-500)}@media (hover:hover){.scratchpad-toolbar-bold-3:hover{background-color:var(--color-slate-200);color:var(--color-slate-800)}}.scratchpad-toolbar-bold-3:is(.dark *){color:var(--color-slate-400)}@media (hover:hover){.scratchpad-toolbar-bold-3:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent);color:var(--color-white)}}.scratchpad-toolbar-italic{font-family:var(--font-serif);border-radius:.375rem;padding:.375rem;font-style:italic;font-weight:700;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.scratchpad-toolbar-underline{text-underline-offset:2px;border-radius:.375rem;padding:.375rem;font-weight:600;text-decoration-line:underline;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.scratchpad-toolbar-underline-2{background-color:var(--color-brand-100);color:var(--color-brand-600)}.scratchpad-toolbar-underline-2:is(.dark *){background-color:color-mix(in oklab, var(--color-brand-500) 40%, transparent)}.scratchpad-toolbar-underline-3{color:var(--color-slate-500)}@media (hover:hover){.scratchpad-toolbar-underline-3:hover{background-color:var(--color-brand-50);color:var(--color-brand-600)}}.scratchpad-toolbar-underline-3:is(.dark *){color:var(--color-slate-400)}@media (hover:hover){.scratchpad-toolbar-underline-3:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-brand-500) 20%, transparent);color:var(--color-white)}}.scratchpad-toolbar-text-color{border-radius:.375rem;justify-content:center;align-items:center;min-width:2rem;height:2rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.scratchpad-toolbar-text-color-2{background-color:var(--color-slate-200);color:var(--color-slate-800)}.scratchpad-toolbar-text-color-2:is(.dark *){background-color:color-mix(in oklab, var(--color-white) 10%, transparent);color:var(--color-white)}.scratchpad-toolbar-text-color-3{color:var(--color-slate-500)}@media (hover:hover){.scratchpad-toolbar-text-color-3:hover{background-color:var(--color-slate-200);color:var(--color-slate-800)}}.scratchpad-toolbar-text-color-3:is(.dark *){color:var(--color-slate-400)}@media (hover:hover){.scratchpad-toolbar-text-color-3:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent);color:var(--color-white)}}.scratchpad-toolbar-button-2{border-style:solid;border-width:2px;border-radius:9999px;width:1.5rem;height:1.5rem;transition-property:transform,translate,scale,rotate;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.scratchpad-toolbar-button-2:hover{--effect-scale-x:110%;--effect-scale-y:110%;--effect-scale-z:110%;scale:var(--effect-scale-x) var(--effect-scale-y)}}.scratchpad-toolbar-button-2:focus{--effect-ring-shadow:0 0 0 calc(2px + var(--effect-ring-offset-width)) var(--effect-ring-color,currentcolor);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);--effect-ring-color:var(--color-brand-500);--effect-ring-offset-width:2px;--effect-ring-offset-shadow:0 0 0 var(--effect-ring-offset-width) var(--effect-ring-offset-color);outline-style:none}.scratchpad-toolbar-button-2:is(.dark *):focus{--effect-ring-offset-color:var(--color-slate-900)}.scratchpad-toolbar-button-3{border-color:var(--color-slate-900);--effect-ring-shadow:0 0 0 calc(2px + var(--effect-ring-offset-width)) var(--effect-ring-color,currentcolor);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);--effect-ring-color:var(--color-brand-400);--effect-ring-offset-width:1px;--effect-ring-offset-shadow:0 0 0 var(--effect-ring-offset-width) var(--effect-ring-offset-color)}.scratchpad-toolbar-button-3:is(.dark *){border-color:var(--color-white);--effect-ring-offset-color:var(--color-slate-900)}.scratchpad-toolbar-button-4{border-color:var(--color-white);--effect-shadow:0 1px 3px 0 var(--effect-shadow-color,#0000001a), 0 1px 2px -1px var(--effect-shadow-color,#0000001a);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)}.scratchpad-toolbar-button-4:is(.dark *){border-color:var(--color-slate-700)}.scratchpad-toolbar-heading-1{letter-spacing:-.025em;border-radius:.375rem;padding:.375rem;font-size:.75rem;font-weight:900;line-height:1.33333;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}