@layer properties,theme,base;@layer components{.lesson-drawing-pads-section-title{color:var(--color-slate-950);font-size:1.25rem;font-weight:800;line-height:1.4}.lesson-drawing-pads-section-title:is(.dark *){color:var(--color-white)}.lesson-drawing-pads-muted{margin-top:var(--spacing);color:var(--color-slate-500);font-size:.875rem;line-height:1.42857}.lesson-drawing-pads-muted:is(.dark *){color:var(--color-slate-400)}.lesson-drawing-pads-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lesson-drawing-pads-panel{border-style:dashed;border-width:1px;border-color:var(--color-slate-300);background-color:var(--color-slate-50);text-align:center;border-radius:1rem;margin-top:1.25rem;padding:1.5rem}.lesson-drawing-pads-panel:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 15%, transparent);background-color:color-mix(in oklab, var(--color-slate-950) 50%, transparent)}.lesson-drawing-pads-copy{color:var(--color-slate-900);font-weight:700}.lesson-drawing-pads-copy:is(.dark *){color:var(--color-white)}.lesson-drawing-pads-button{background-color:var(--color-indigo-600);color:var(--color-white);border-radius:.75rem;margin-top:1rem;padding-block:.625rem;padding-inline:1.25rem;font-size:.875rem;font-weight:700;line-height:1.42857}@media (hover:hover){.lesson-drawing-pads-button:hover{background-color:var(--color-indigo-500)}}.lesson-drawing-pads-panel-2{border-style:dashed;border-width:1px;border-color:var(--color-slate-300);background-color:var(--color-slate-50);text-align:center;color:var(--color-slate-500);border-radius:1rem;margin-top:1.25rem;padding:1.5rem;font-size:.875rem;line-height:1.42857}.lesson-drawing-pads-panel-2:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 15%, transparent);background-color:color-mix(in oklab, var(--color-slate-950) 50%, transparent);color:var(--color-slate-400)}.lesson-drawing-pads-panel-3{border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-slate-50);border-radius:1rem;padding:1rem}.lesson-drawing-pads-panel-3:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent);background-color:color-mix(in oklab, var(--color-slate-950) 50%, transparent)}.lesson-drawing-pads-muted-2{margin-top:var(--spacing);color:var(--color-slate-500);font-size:.75rem;line-height:1.33333}.lesson-drawing-pads-row-2{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.lesson-drawing-pads-button-2{background-color:var(--color-indigo-600);color:var(--color-white);border-radius:.5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:700;line-height:1.42857}@media (hover:hover){.lesson-drawing-pads-button-2:hover{background-color:var(--color-indigo-500)}}.lesson-drawing-pads-button-2:disabled{cursor:wait;opacity:.6}.lesson-drawing-pads-button-3{color:var(--color-red-600);border-radius:.5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:700;line-height:1.42857}@media (hover:hover){.lesson-drawing-pads-button-3:hover{background-color:var(--color-red-50)}}.lesson-drawing-pads-button-3:disabled{opacity:.5}.lesson-drawing-pads-button-3:is(.dark *){color:var(--color-red-400)}@media (hover:hover){.lesson-drawing-pads-button-3:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-red-950) 30%, transparent)}}.lesson-drawing-pads-panel-4{background-color:var(--color-red-50);color:var(--color-red-700);border-radius:.75rem;margin-top:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;font-weight:600;line-height:1.42857}.lesson-drawing-pads-panel-4:is(.dark *){background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent);color:var(--color-red-300)}.lesson-drawing-pads-grid{z-index:100;background-color:color-mix(in oklab, var(--color-slate-950) 75%, transparent);color:var(--color-white);place-items:center;font-size:.875rem;font-weight:700;line-height:1.42857;display:grid;position:fixed;inset:0}.lesson-drawing-pads-grid-2{z-index:120;background-color:color-mix(in oklab, var(--color-slate-950) 70%, transparent);--effect-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--effect-backdrop-blur, );backdrop-filter:var(--effect-backdrop-blur, );place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.lesson-drawing-pads-panel-5{border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);--effect-shadow:0 25px 50px -12px var(--effect-shadow-color,#00000040);width:100%;max-width:28rem;box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);border-radius:1rem;padding:1.5rem}.lesson-drawing-pads-panel-5:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent);background-color:var(--color-slate-900)}.lesson-drawing-pads-heading{color:var(--color-slate-950);font-size:1.125rem;font-weight:800;line-height:1.55556}.lesson-drawing-pads-heading:is(.dark *){color:var(--color-white)}.lesson-drawing-pads-muted-3{color:var(--color-slate-600);margin-top:.5rem;font-size:.875rem;line-height:1.42857}.lesson-drawing-pads-muted-3:is(.dark *){color:var(--color-slate-300)}.lesson-drawing-pads-row-3{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.lesson-drawing-pads-button-4{border-style:solid;border-width:1px;border-color:var(--color-slate-300);color:var(--color-slate-700);border-radius:.75rem;padding-block:.625rem;padding-inline:1rem;font-size:.875rem;font-weight:700;line-height:1.42857}@media (hover:hover){.lesson-drawing-pads-button-4:hover{background-color:var(--color-slate-100)}}.lesson-drawing-pads-button-4:disabled{opacity:.5}.lesson-drawing-pads-button-4:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 15%, transparent);color:var(--color-slate-200)}@media (hover:hover){.lesson-drawing-pads-button-4:is(.dark *):hover{background-color:var(--color-slate-800)}}.lesson-drawing-pads-button-5{background-color:var(--color-red-600);color:var(--color-white);border-radius:.75rem;padding-block:.625rem;padding-inline:1rem;font-size:.875rem;font-weight:700;line-height:1.42857}@media (hover:hover){.lesson-drawing-pads-button-5:hover{background-color:var(--color-red-500)}}.lesson-drawing-pads-button-5:disabled{cursor:wait;opacity:.6}:where(.lesson-drawing-pads-section>:not(:last-child)){margin-block:0 .75rem}.lesson-drawing-pads-section-2{border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-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);border-radius:1.5rem;margin-top:2rem;padding:1.25rem}@media (width>=40rem){.lesson-drawing-pads-section-2{padding:1.5rem}}.lesson-drawing-pads-section-2:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent);background-color:var(--color-slate-900)}.lesson-drawing-pads-row-4{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.lesson-drawing-pads-button-6{align-items:center;gap:var(--spacing);border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);padding-inline:.75rem;padding-block:var(--spacing);color:var(--color-slate-600);--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);border-radius:.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){.lesson-drawing-pads-button-6:hover{background-color:var(--color-slate-50)}}.lesson-drawing-pads-button-6:disabled{cursor:wait;opacity:.6}.lesson-drawing-pads-button-6:is(.dark *){border-color:var(--color-slate-700);background-color:var(--color-slate-800);color:var(--color-slate-300)}@media (hover:hover){.lesson-drawing-pads-button-6:is(.dark *):hover{background-color:var(--color-slate-700)}}.lesson-drawing-pads-button-7{background-color:var(--color-indigo-600);color:var(--color-white);border-radius:.75rem;align-items:center;gap:.5rem;padding-block:.625rem;padding-inline:1rem;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,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}@media (hover:hover){.lesson-drawing-pads-button-7:hover{background-color:var(--color-indigo-500)}}.lesson-drawing-pads-button-7:disabled{cursor:wait;opacity:.6}.lesson-drawing-pads-show{margin-top:.75rem}.lesson-drawing-pads-show-2{margin-top:1.25rem}.lesson-drawing-pads-panel-6{background-color:var(--color-slate-100);border-radius:1rem;height:6rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.lesson-drawing-pads-panel-6:is(.dark *){background-color:var(--color-slate-800)}.lesson-drawing-pads-grid-3{gap:.75rem;display:grid}@media (width>=40rem){.lesson-drawing-pads-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lesson-drawing-pads-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.scratchpad-manager-stack{margin-top:1rem}:where(.scratchpad-manager-stack>:not(:last-child)){margin-block:0 1.5rem}.scratchpad-manager-panel{background-color:var(--color-slate-100);border-radius:1rem;width:100%;height:10rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.scratchpad-manager-panel:is(.dark *){background-color:var(--color-slate-800)}:where(.scratchpad-manager-stack-2>:not(:last-child)){margin-block:0 1.5rem}.scratchpad-manager-row{align-items:center;gap:var(--spacing);border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);padding-inline:.75rem;padding-block:var(--spacing);color:var(--color-slate-600);--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);border-radius:.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-manager-row:hover{background-color:var(--color-slate-50)}}.scratchpad-manager-row:is(.dark *){border-color:var(--color-slate-700);background-color:var(--color-slate-800);color:var(--color-slate-300)}@media (hover:hover){.scratchpad-manager-row:is(.dark *):hover{background-color:var(--color-slate-700)}}}