@keyframes appearance-spin{to{transform:rotate(360deg)}}@keyframes appearance-swatch-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.solveplot-shell[data-palette] .appearancePageInner{max-width:1100px}.solveplot-shell[data-palette] .appearancePage .wsPageHeading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:38px;display:flex}.solveplot-shell[data-palette] .appearancePage h1{margin:0}.solveplot-shell[data-palette] .appearancePage .wsPageHeading p{color:var(--muted);margin-top:8px;font-size:14px}.solveplot-shell[data-palette] .appearanceAccountLink{--press-depth:2px;--press-inline:16px;border-radius:var(--radius-md);min-height:40px;color:var(--foreground);white-space:nowrap;flex:none;align-items:center;gap:9px;font-size:13px;display:inline-flex}.solveplot-shell[data-palette] .appearanceAccountLink[aria-busy=true]{cursor:progress}.solveplot-shell[data-palette] .appearanceAccountSpinner{animation:.85s linear infinite appearance-spin}.solveplot-shell[data-palette] .appearanceLayout{grid-template-columns:minmax(0,1fr) minmax(300px,.76fr);align-items:start;gap:clamp(28px,3vw,48px);display:grid}.solveplot-shell[data-palette] .appearanceOptions{min-width:0}.solveplot-shell[data-palette] .appearanceGroup{border-bottom:1px solid var(--border);padding-bottom:28px}.solveplot-shell[data-palette] .appearanceGroup+.appearanceGroup{padding-top:28px}.solveplot-shell[data-palette] .appearanceOptions fieldset{border:0;min-width:0;margin:0;padding:0}.solveplot-shell[data-palette] .appearanceSectionHeading{margin-bottom:23px}.solveplot-shell[data-palette] .appearanceSectionHeading h2,.solveplot-shell[data-palette] .appearanceTypographyField>legend{letter-spacing:-.025em;margin:0;font-size:17px;font-weight:850}.solveplot-shell[data-palette] .appearanceOptions legend{padding:0;font-size:13px;font-weight:800}.solveplot-shell[data-palette] .appearanceOptions .appearanceTypographyField>legend{font-size:17px}.solveplot-shell[data-palette] .appearanceSettingRow{justify-content:space-between;align-items:center;gap:18px;display:flex}.solveplot-shell[data-palette] .appearanceSettingRow h3{margin:0;font-size:13px;font-weight:800}.solveplot-shell[data-palette] .appearanceSettingRow p,.solveplot-shell[data-palette] .appearanceField>p,.solveplot-shell[data-palette] .appearanceFieldRow>p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.6}.solveplot-shell[data-palette] .appearanceThemeToggle{flex:none}.solveplot-shell[data-palette] .appearanceThemeToggle>button{gap:6px;min-height:36px;padding-inline:10px;font-size:12px}.solveplot-shell[data-palette] .appearanceOptions .appearancePaletteField{margin-top:28px}.solveplot-shell[data-palette] .appearancePaletteToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:6px 0 13px;display:flex}.solveplot-shell[data-palette] .appearancePaletteToolbar>p{color:var(--muted);flex-wrap:wrap;gap:3px 8px;margin:0;font-size:11px;line-height:1.5;display:flex}.solveplot-shell[data-palette] .appearancePaletteToolbar strong{color:var(--foreground);font-weight:750}.solveplot-shell[data-palette] .appearancePaletteExpand{white-space:nowrap;margin-right:-6px;font-size:11px}.solveplot-shell[data-palette] .appearancePaletteExpand svg{transition:transform .18s}.solveplot-shell[data-palette] .appearancePaletteExpand[aria-expanded=true] svg{transform:rotate(180deg)}.solveplot-shell[data-palette] .appearanceFilters{width:fit-content;margin:0 0 16px}.solveplot-shell[data-palette] .appearanceFilters button{min-height:32px;font-size:11px}.solveplot-shell[data-palette] .appearancePaletteGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.solveplot-shell[data-palette] .appearancePaletteChoice{--press-padding:9px;--press-depth:2px;border-radius:var(--radius-md);cursor:pointer;min-width:0;padding-inline:10px;animation:.18s both appearance-swatch-in;display:block;position:relative}.solveplot-shell[data-palette] .appearancePaletteChoice:hover{--press-outline:var(--selection-border)}.solveplot-shell[data-palette] .appearancePaletteChoice[data-selected=true]{--press-outline:var(--selection-border);--press-base:var(--selection-border);--press-face:var(--selection-soft)}.solveplot-shell[data-palette] .appearanceSwatches{border-radius:max(3px, calc(var(--radius-md) - 5px));border:1px solid #2632380d;width:100%;height:27px;display:flex;overflow:hidden}.solveplot-shell[data-palette] .appearanceSwatches>span{flex:1}.solveplot-shell[data-palette] .appearanceSwatches>span:first-child{flex:1.35}.solveplot-shell[data-palette] .appearanceSwatches>span:last-child{flex:.7}.solveplot-shell[data-palette] .appearancePaletteName{justify-content:space-between;align-items:center;gap:5px;margin-top:9px;font-size:12px;font-weight:800;line-height:1.4;display:flex}.solveplot-shell[data-palette] .appearancePaletteCheck{border-radius:50%;flex:none;place-items:center;width:16px;height:16px;display:grid}.solveplot-shell[data-palette] .appearancePaletteChoice[data-selected=true] .appearancePaletteCheck{background:var(--selection-accent);color:var(--paper)}.solveplot-shell[data-palette] .appearanceOptions .appearanceAmount{margin-top:25px}.solveplot-shell[data-palette] .appearanceFieldRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;margin-top:7px;display:flex}.solveplot-shell[data-palette] .appearanceFieldRow>p{margin:0}.solveplot-shell[data-palette] .appearanceAmountChoices{align-items:stretch;gap:7px;display:flex}.solveplot-shell[data-palette] .appearanceAmountChoice{--press-depth:2px;border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:9px;min-width:0;padding-inline:13px;font-size:13px;font-weight:750;display:flex;position:relative}.solveplot-shell[data-palette] .appearanceAmountChoice>svg{visibility:hidden;flex:none;margin-left:auto}.solveplot-shell[data-palette] .appearanceAmountChoice[data-selected=true]>svg{visibility:visible}.solveplot-shell[data-palette] .appearanceAmountChoice input,.solveplot-shell[data-palette] .appearancePaletteChoice input,.solveplot-shell[data-palette] .appearanceVisuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.solveplot-shell[data-palette] .appearanceAmountDot{border:1px solid var(--selection-border);background:var(--selection-soft);border-radius:4px;flex:none;width:12px;height:12px}.solveplot-shell[data-palette] .appearanceAmountDot[data-amount=colorful]{background:var(--selection-accent)}.solveplot-shell[data-palette] .appearanceTypographyChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.solveplot-shell[data-palette] .appearanceTypographyChoice{--press-padding:13px;gap:12px;min-height:77px}.solveplot-shell[data-palette] .appearanceTypeSample{letter-spacing:-.05em;min-width:40px;font-size:30px;font-weight:500;line-height:1}.solveplot-shell[data-palette] .appearanceChoiceText{gap:4px;display:grid}.solveplot-shell[data-palette] .appearanceChoiceText strong{font-size:12px;line-height:1.3}.solveplot-shell[data-palette] .appearanceChoiceText small{color:var(--muted);font-size:10px;font-weight:550;line-height:1.3}.solveplot-shell[data-palette] .appearanceControlGroup .appearanceSectionHeading{margin-bottom:20px}.solveplot-shell[data-palette] .appearanceTreatmentChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.solveplot-shell[data-palette] .appearanceTreatmentChoice{--press-padding:13px;flex-direction:column;justify-content:center;gap:12px;min-height:100px;font-size:12px}.solveplot-shell[data-palette] .appearanceTreatmentChoice>svg{position:absolute;top:9px;right:9px}.solveplot-shell[data-palette] .appearanceOptions .appearanceTreatmentField+.appearanceTreatmentField{margin-top:25px}.solveplot-shell[data-palette] .appearanceButtonSample{background:var(--primary);width:62px;height:28px;color:var(--primary-foreground);border-radius:8px;place-items:center;font-size:10px;font-weight:800;display:grid}.solveplot-shell[data-palette] .appearanceButtonSample[data-style=outline]{border:1.5px solid var(--brand);background:var(--paper);color:var(--brand)}.solveplot-shell[data-palette] .appearanceButtonSample[data-style=raised]{box-shadow:0 4px 0 var(--primary-edge)}.solveplot-shell[data-palette] .appearanceCornerSample{border:2px solid var(--selection-border);background:var(--selection-soft);width:42px;height:30px}.solveplot-shell[data-palette] .appearanceCornerSample[data-style=crisp]{border-radius:3px}.solveplot-shell[data-palette] .appearanceCornerSample[data-style=soft]{border-radius:8px}.solveplot-shell[data-palette] .appearanceCornerSample[data-style=round]{border-radius:14px}.solveplot-shell[data-palette] .appearanceFooter{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding-top:23px;display:flex}.solveplot-shell[data-palette] .appearanceFooter p{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:11px;line-height:1.6;display:flex}.solveplot-shell[data-palette] .appearanceFooter p>svg{color:var(--brand)}.solveplot-shell[data-palette] .appearanceFooter [role=status]{min-height:18px;color:var(--brand);margin-top:4px;font-size:11px;display:block}.solveplot-shell[data-palette] .appearanceReset{--press-depth:2px;--press-inline:12px;border-radius:var(--radius-md);min-height:36px;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.solveplot-shell[data-palette] .appearancePreview{min-width:0;position:sticky;top:0}.solveplot-shell[data-palette] .appearancePreviewHeading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.solveplot-shell[data-palette] .appearancePreviewHeading h2{margin:0;font-size:13px;font-weight:800}.solveplot-shell[data-palette] .appearancePreviewHeading>span{color:var(--muted);font-size:11px}.solveplot-shell[data-palette] .appearancePreviewStage{border:1px solid var(--border);border-radius:calc(var(--radius-xl) + 10px);background:color-mix(in srgb, var(--selection-soft) 35%, var(--canvas));padding:12px;transition:background .18s,border-radius .18s}.solveplot-shell[data-palette] .appearanceMiniApp{border:1px solid var(--control-border);border-radius:var(--radius-xl);background:var(--paper);box-shadow:0 5px 16px color-mix(in srgb, var(--ink) 4%, transparent);border-bottom-width:3px;transition:border-radius .18s,background .18s;overflow:hidden}.solveplot-shell[data-palette] .appearanceMiniHeader{background:var(--sidebar);border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:51px;padding:11px 17px;font-size:12px;display:flex}.solveplot-shell[data-palette] .appearanceMiniAppIcon{color:var(--selection-accent);place-items:center;display:grid}.solveplot-shell[data-palette] .appearanceMiniHeader>span:last-child{color:var(--muted);margin-left:auto;font-size:10px}.solveplot-shell[data-palette] .appearanceMiniBody{padding:19px}.solveplot-shell[data-palette] .appearancePreviewQuestion{border-bottom:1px solid var(--border);padding-bottom:18px}.solveplot-shell[data-palette] .appearancePreviewQuestion>span{color:var(--muted);font-size:11px;font-weight:800}.solveplot-shell[data-palette] .appearancePreviewQuestion p{margin:8px 0 0;font-size:13px;line-height:1.8}.solveplot-shell[data-palette] .appearancePreviewQuestion .katex{white-space:nowrap;font-size:1.1em;display:inline-block}.solveplot-shell[data-palette] .appearanceMiniAnswer{border-radius:var(--radius-md);gap:9px;margin:17px 0 22px;padding:10px 12px;transition:background .18s,border-radius .18s}.solveplot-shell[data-palette] .appearanceMiniAnswer strong{min-width:0;margin-right:auto;font-size:25px}.solveplot-shell[data-palette] .appearanceMiniLabel{color:var(--brand);margin:0 0 6px;font-size:10px;font-weight:800}.solveplot-shell[data-palette] .appearanceMiniBody h3{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:850;line-height:1.35}.solveplot-shell[data-palette] .appearancePreviewExplanation{color:var(--muted);margin:8px 0 20px;font-size:12px;line-height:1.75}.solveplot-shell[data-palette] .appearancePreviewStep{border-top:1px solid var(--border);padding-top:16px}.solveplot-shell[data-palette] .appearancePreviewStep>div:first-child{gap:8px}.solveplot-shell[data-palette] .appearancePreviewStep strong{font-size:13px}.solveplot-shell[data-palette] .appearancePreviewStep>p{color:var(--muted);margin:10px 0 20px;font-size:11px;line-height:1.7}.solveplot-shell[data-palette] .appearancePreviewCopy{--press-padding:6px;min-height:32px;border-radius:var(--radius-md);min-inline-size:69px;color:var(--muted);justify-content:center;align-items:center;gap:5px;font-size:10px;display:inline-flex}.solveplot-shell[data-palette] .appearancePreviewEquation{border-radius:var(--radius-md);margin:0;padding:12px;font-size:16px;transition:background .18s,border-radius .18s}.solveplot-shell[data-palette] .appearancePreviewButton{border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:8px;width:100%;min-height:43px;font-size:12px;display:flex}.solveplot-shell[data-palette] .appearancePreviewNote{color:var(--muted);margin:13px 12px 0;font-size:11px;line-height:1.7}@media (max-width:1320px){.solveplot-shell[data-palette] .appearanceSettingRow{flex-direction:column;align-items:flex-start;gap:12px}.solveplot-shell[data-palette] .appearanceTypeSample{min-width:30px;font-size:26px}.solveplot-shell[data-palette] .appearanceTypographyChoice{gap:9px;padding-inline:10px}.solveplot-shell[data-palette] .appearanceMiniBody{padding:16px}}@media (max-width:1080px){.solveplot-shell[data-palette] .appearanceLayout{grid-template-columns:minmax(0,1fr);gap:36px}.solveplot-shell[data-palette] .appearanceSettingRow{flex-direction:row;align-items:center}.solveplot-shell[data-palette] .appearancePreview{width:100%;max-width:540px;position:static}.solveplot-shell[data-palette] .appearanceMiniBody{padding:22px}.solveplot-shell[data-palette] .appearancePaletteGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.solveplot-shell[data-palette] .appearancePage .wsPageHeading{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:30px}.solveplot-shell[data-palette] .appearancePage .wsPageHeading h1{padding-left:32px}.solveplot-shell[data-palette] .appearancePage .wsPageHeading p{font-size:13px}.solveplot-shell[data-palette] .appearanceSettingRow{flex-direction:column;align-items:flex-start;gap:11px}.solveplot-shell[data-palette] .appearanceThemeToggle{width:100%}.solveplot-shell[data-palette] .appearanceThemeToggle>button{min-height:40px}.solveplot-shell[data-palette] .appearancePaletteGrid{gap:10px}.solveplot-shell[data-palette] .appearancePaletteChoice{padding-inline:8px}.solveplot-shell[data-palette] .appearancePaletteName{font-size:11px}.solveplot-shell[data-palette] .appearanceSwatches{height:26px}.solveplot-shell[data-palette] .appearancePaletteToolbar{gap:9px;margin-bottom:13px}.solveplot-shell[data-palette] .appearancePaletteToolbar>p{flex-basis:100%}.solveplot-shell[data-palette] .appearancePaletteExpand{margin-left:-8px}.solveplot-shell[data-palette] .appearanceFieldRow{flex-direction:column;align-items:flex-start}.solveplot-shell[data-palette] .appearanceAmountChoices{width:100%}.solveplot-shell[data-palette] .appearanceAmountChoices>label{min-height:39px}.solveplot-shell[data-palette] .appearanceTypographyChoices{gap:10px}.solveplot-shell[data-palette] .appearanceTypeSample{min-width:30px;font-size:26px}.solveplot-shell[data-palette] .appearanceTypographyChoice{--press-padding:12px;flex-wrap:wrap;gap:9px;padding-inline:10px}.solveplot-shell[data-palette] .appearanceTypographyChoice>svg{position:absolute;top:8px;right:8px}.solveplot-shell[data-palette] .appearanceTypographyChoice .appearanceChoiceText{flex-basis:100%}.solveplot-shell[data-palette] .appearanceTreatmentChoices{gap:10px}.solveplot-shell[data-palette] .appearanceTreatmentChoice{padding-inline:8px}.solveplot-shell[data-palette] .appearancePreviewStage{padding:9px}.solveplot-shell[data-palette] .appearanceMiniBody{padding:16px}.solveplot-shell[data-palette] .appearanceFooter{gap:10px}}@media (prefers-reduced-motion:reduce){.solveplot-shell[data-palette] .appearancePaletteChoice,.solveplot-shell[data-palette] .appearanceAccountSpinner{animation:none}.solveplot-shell[data-palette] .appearancePaletteExpand svg,.solveplot-shell[data-palette] .appearancePreviewStage,.solveplot-shell[data-palette] .appearanceMiniApp,.solveplot-shell[data-palette] .appearanceMiniAnswer,.solveplot-shell[data-palette] .appearancePreviewEquation{transition:none}}