.ThemePreview-module__6wmbDW__previewButton{border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}@media (hover:hover){.ThemePreview-module__6wmbDW__previewButton:hover{transform:translateY(-2px)}}.ThemePreview-module__6wmbDW__previewButton[aria-checked=true]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.ThemePreview-module__6wmbDW__swatchSvg{aspect-ratio:96/64;width:100%;height:auto;display:block}.ThemePreview-module__6wmbDW__name{font-family:var(--font-ui);font-size:var(--settings-marginalia);padding:var(--space-1-5) var(--space-2);text-align:center;color:var(--color-text-secondary);border-top:1px solid var(--color-border);background:var(--color-surface-1)}.ThemePreview-module__6wmbDW__previewButton[aria-checked=true] .ThemePreview-module__6wmbDW__name{color:var(--color-text-primary);font-weight:600}@media (prefers-reduced-motion:reduce){.ThemePreview-module__6wmbDW__previewButton{transition:none}.ThemePreview-module__6wmbDW__previewButton:hover{transform:none}}
.ThemeTab-module__PO6dKa__themeRow{gap:var(--space-3);padding-top:var(--space-1);grid-template-columns:repeat(4,minmax(0,120px));grid-auto-rows:max-content;display:grid}.ThemeTab-module__PO6dKa__backgroundRow{gap:var(--space-3);padding-top:var(--space-1);grid-template-columns:repeat(4,minmax(0,110px));grid-auto-rows:max-content;display:grid}@media (max-width:480px){.ThemeTab-module__PO6dKa__themeRow,.ThemeTab-module__PO6dKa__backgroundRow{grid-template-columns:repeat(2,minmax(0,130px))}}
.BackgroundPreview-module__5VNsDG__previewButton{background:var(--color-surface-1);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}@media (hover:hover){.BackgroundPreview-module__5VNsDG__previewButton:hover{transform:translateY(-2px)}}.BackgroundPreview-module__5VNsDG__previewButton[aria-checked=true]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.BackgroundPreview-module__5VNsDG__patternSvg{aspect-ratio:72/48;width:100%;height:auto;display:block}.BackgroundPreview-module__5VNsDG__name{font-family:var(--font-ui);font-size:var(--settings-marginalia);padding:var(--space-1) var(--space-2);text-align:center;color:var(--color-text-secondary);border-top:1px solid var(--color-border);background:var(--color-surface-1);letter-spacing:.01em}.BackgroundPreview-module__5VNsDG__previewButton[aria-checked=true] .BackgroundPreview-module__5VNsDG__name{color:var(--color-text-primary);font-weight:600}@media (prefers-reduced-motion:reduce){.BackgroundPreview-module__5VNsDG__previewButton{transition:none}.BackgroundPreview-module__5VNsDG__previewButton:hover{transform:none}}
.SliderValueField-module__BIDwwq__field{font-family:inherit;font-size:inherit;font-weight:inherit;font-variant-numeric:inherit;letter-spacing:inherit;color:inherit;text-align:right;appearance:none;border-radius:var(--radius-sm);padding:1px var(--space-1);cursor:text;background:0 0;border:1px solid #0000;margin:-1px 0}@media (hover:hover){.SliderValueField-module__BIDwwq__field:hover{background:var(--color-surface-2);border-color:var(--color-border)}}.SliderValueField-module__BIDwwq__field:focus-visible{color:var(--color-text-primary);background:var(--color-surface-1);border-color:var(--color-focus);outline:none}@media (prefers-reduced-motion:no-preference){.SliderValueField-module__BIDwwq__field{transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard)}}
.PenDropdown-module__6R7eMG__relativeWrap{position:relative}.PenDropdown-module__6R7eMG__fixedWidth220{min-width:220px}.PenDropdown-module__6R7eMG__colorGrid{--swatch-gap:var(--space-1);gap:var(--swatch-gap);grid-template-columns:repeat(5,1fr);justify-items:center;display:grid}.PenDropdown-module__6R7eMG__colorGridStroke{grid-template-columns:repeat(8,1fr)}.PenDropdown-module__6R7eMG__colorGridFill{grid-template-columns:repeat(7,1fr)}@media (pointer:coarse){.PenDropdown-module__6R7eMG__colorGridStroke,.PenDropdown-module__6R7eMG__colorGridFill{grid-template-columns:repeat(4,1fr)}.PenDropdown-module__6R7eMG__colorDot:not(.PenDropdown-module__6R7eMG__shapeCell){width:26px;min-width:0;height:26px;min-height:0;position:relative}.PenDropdown-module__6R7eMG__colorDot:not(.PenDropdown-module__6R7eMG__shapeCell):after{content:"";inset:calc(var(--swatch-gap,var(--space-1)) / -2) -9px;position:absolute}}.PenDropdown-module__6R7eMG__colorDot{cursor:pointer;width:24px;height:24px;transition:transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;background:0 0;border:2.5px solid #0000;border-radius:50%;padding:0}@media (hover:hover){.PenDropdown-module__6R7eMG__colorDot:hover{transform:scale(1.12)}}.PenDropdown-module__6R7eMG__colorDot:active{transform:scale(.95)}.PenDropdown-module__6R7eMG__colorDotActive{border-color:var(--color-primary);box-shadow:0 0 0 1.5px var(--color-primary)}.PenDropdown-module__6R7eMG__header{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid color-mix(in oklab, var(--color-border) 70%, transparent);display:flex}.PenDropdown-module__6R7eMG__headerIcon{border-radius:var(--radius-sm);background:var(--color-surface-2);width:26px;height:26px;color:var(--color-text-primary);flex:none;justify-content:center;align-items:center;display:flex}.PenDropdown-module__6R7eMG__title{font-size:var(--text-xs);letter-spacing:-.01em;color:var(--color-text-primary);font-weight:600}.PenDropdown-module__6R7eMG__segControl{gap:var(--space-0-5);background:var(--color-surface-2);padding:var(--space-0-5);border-radius:calc(var(--radius-sm) + var(--space-0-5));grid-template-columns:repeat(5,1fr);display:grid}.PenDropdown-module__6R7eMG__segButton{isolation:isolate;border-radius:var(--radius-sm);cursor:pointer;height:34px;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:relative}.PenDropdown-module__6R7eMG__segGlyph{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.PenDropdown-module__6R7eMG__segButtonPill{z-index:0;border-radius:var(--radius-sm);background:var(--color-surface-1);box-shadow:var(--elevation-hint), 0 0 0 1px color-mix(in oklab, var(--color-border) 60%, transparent);position:absolute;inset:0}@media (hover:hover){.PenDropdown-module__6R7eMG__segButton:hover{color:var(--color-text-primary)}}.PenDropdown-module__6R7eMG__segButton:focus-visible{box-shadow:0 0 0 2px var(--color-focus);outline:none}.PenDropdown-module__6R7eMG__segButtonActive{color:var(--color-text-primary)}.PenDropdown-module__6R7eMG__eraserTypeRow{gap:var(--space-1-5);display:flex}.PenDropdown-module__6R7eMG__dropdown{width:296px;max-width:calc(100vw - 24px);box-shadow:none;padding:var(--space-3);gap:var(--space-3);z-index:var(--z-topbar);transform-origin:top;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);}@media (prefers-reduced-motion:no-preference){.PenDropdown-module__6R7eMG__dropdown{animation:PenDropdown-module__6R7eMG__dropdownIn var(--duration-menu) var(--ease-emphasized)}}@keyframes PenDropdown-module__6R7eMG__dropdownIn{0%{opacity:0;transform:translate(-50%)translateY(-4px)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes PenDropdown-module__6R7eMG__dropdownOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-4px)scale(.97)}}.PenDropdown-module__6R7eMG__dropdownExiting{animation:PenDropdown-module__6R7eMG__dropdownOut var(--motion-exit);pointer-events:none}.PenDropdown-module__6R7eMG__section{gap:var(--space-1-5);flex-direction:column;display:flex}.PenDropdown-module__6R7eMG__opacityField{margin-top:var(--space-2)}.PenDropdown-module__6R7eMG__dimmed{opacity:.5}.PenDropdown-module__6R7eMG__label{font-size:var(--text-xs);color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-weight:500;display:flex}.PenDropdown-module__6R7eMG__value{font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);color:var(--color-text-muted);width:3.5rem;min-width:32px;}.PenDropdown-module__6R7eMG__strokePreview{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:var(--space-0-5);justify-content:center;align-items:center;display:flex;overflow:hidden}.PenDropdown-module__6R7eMG__strokePreview canvas{border-radius:calc(var(--radius-sm) - 2px);display:block}.PenDropdown-module__6R7eMG__tabs{gap:var(--space-0-5);z-index:1;margin-bottom:-1px;display:flex;position:relative}.PenDropdown-module__6R7eMG__tab{border:1px solid color-mix(in oklab, var(--color-border) 60%, transparent);background:var(--color-surface-2);color:var(--color-text-muted);padding:var(--space-2);font-family:var(--font-ui);font-size:var(--text-xs);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:background-color var(--duration-slow) var(--ease-standard), color var(--duration-slow) var(--ease-standard);letter-spacing:-.005em;-webkit-tap-highlight-color:transparent;border-bottom:0;flex:1;font-weight:500;position:relative}@media (hover:hover){.PenDropdown-module__6R7eMG__tab:hover{color:var(--color-text-secondary)}}.PenDropdown-module__6R7eMG__tab:focus-visible{border-color:var(--color-focus);transition:border-color var(--focus-duration) var(--focus-ease);outline:none}.PenDropdown-module__6R7eMG__tabActive{background:var(--color-surface-1);color:var(--color-text-primary);border-color:color-mix(in oklab, var(--color-border) 80%, transparent)}.PenDropdown-module__6R7eMG__tabActive:after{content:"";background:var(--color-surface-1);z-index:2;height:2px;position:absolute;bottom:-1px;left:0;right:0}.PenDropdown-module__6R7eMG__panel{background:var(--color-surface-1);border:1px solid color-mix(in oklab, var(--color-border) 60%, transparent);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);padding:var(--space-3);gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.PenDropdown-module__6R7eMG__ribbon{border-radius:999px;flex-shrink:0;min-width:0;height:28px;min-height:28px;max-height:28px;display:flex;position:relative}.PenDropdown-module__6R7eMG__ribbonSeg{box-sizing:border-box;appearance:none;cursor:pointer;min-width:0;height:100%;min-height:0;transition:filter var(--duration-base) var(--ease-standard);-webkit-tap-highlight-color:transparent;border:0;flex:1 1 0;margin:0;padding:0;position:relative}@media (hover:hover){.PenDropdown-module__6R7eMG__ribbonSeg:hover{filter:brightness(1.08)}}.PenDropdown-module__6R7eMG__ribbonSeg:active{transform:none}.PenDropdown-module__6R7eMG__ribbonSeg:focus-visible{background-color:var(--focus-fill-strong);transition:background-color var(--focus-duration) var(--focus-ease);z-index:1;outline:none}.PenDropdown-module__6R7eMG__ribbonSeg:first-child{border-radius:999px 0 0 999px}.PenDropdown-module__6R7eMG__ribbonSeg:last-child{border-radius:0 999px 999px 0}.PenDropdown-module__6R7eMG__ribbon:after{content:"";box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-text-primary) 10%, transparent);pointer-events:none;border-radius:999px;position:absolute;inset:0}.PenDropdown-module__6R7eMG__ribbonSegActive:after{content:"";filter:drop-shadow(0 1px 1px #00000073);pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:13px 13px;position:absolute;inset:0}.PenDropdown-module__6R7eMG__recents{align-items:center;gap:var(--space-3);min-width:0;display:flex}.PenDropdown-module__6R7eMG__recentsLabel{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted);flex:none}.PenDropdown-module__6R7eMG__recentsRow{align-items:center;gap:var(--space-1);flex:1 1 0;min-width:0;display:flex}.PenDropdown-module__6R7eMG__recent{box-sizing:border-box;appearance:none;cursor:pointer;width:20px;min-width:0;height:20px;min-height:0;transition:transform var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;border:0;border-radius:4px;flex:none;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0000002e,inset 0 0 0 2px #ffffff73}@media (hover:hover){.PenDropdown-module__6R7eMG__recent:hover{transform:scale(1.12)}}.PenDropdown-module__6R7eMG__recent:focus-visible{background-color:var(--focus-fill-strong);transition:background-color var(--focus-duration) var(--focus-ease);outline:none}.PenDropdown-module__6R7eMG__recentEmpty{box-shadow:inset 0 0 0 1px var(--color-border);cursor:default;background:0 0}@media (hover:hover){.PenDropdown-module__6R7eMG__recentEmpty:hover{transform:none}}.PenDropdown-module__6R7eMG__recentActive:after{content:"";filter:drop-shadow(0 1px 1px #00000080);pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:11px 11px;position:absolute;inset:0}.PenDropdown-module__6R7eMG__colorPicker{gap:var(--space-3);flex-direction:column;display:flex}.PenDropdown-module__6R7eMG__spectrum{border-radius:var(--radius-md);background:linear-gradient(to top, #000 0%, transparent 100%), linear-gradient(to right, #fff 0%, hsl(var(--cp-hue,0), 100%, 50%) 100%);border:1px solid color-mix(in oklab, var(--color-border) 65%, transparent);cursor:crosshair;touch-action:none;width:100%;height:120px;position:relative;box-shadow:inset 0 0 0 1px #0000000a}.PenDropdown-module__6R7eMG__spectrum:active{cursor:grabbing}.PenDropdown-module__6R7eMG__spectrumPointer{left:var(--cp-x,80%);top:var(--cp-y,30%);pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000008c,0 1px 3px #0000004d}.PenDropdown-module__6R7eMG__hueStrip{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:999px;width:100%;height:12px;position:relative;box-shadow:inset 0 0 0 1px #00000014}.PenDropdown-module__6R7eMG__hueStrip:active{cursor:grabbing}.PenDropdown-module__6R7eMG__hueThumb{left:var(--cp-pos,0%);background:hsl(var(--cp-hue,0), 100%, 50%);width:16px;height:16px;box-shadow:var(--shadow-1);pointer-events:none;border:2.5px solid #fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.PenDropdown-module__6R7eMG__colorInputs{gap:var(--space-2);align-items:stretch;display:flex}.PenDropdown-module__6R7eMG__hexInput{padding:var(--space-1-5) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-1);flex:1;align-items:center;display:flex}.PenDropdown-module__6R7eMG__hexHash{font-family:var(--font-mono);color:var(--color-text-muted);font-size:var(--text-xs);margin-right:var(--space-1)}.PenDropdown-module__6R7eMG__hexInput input{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);letter-spacing:.04em;background:0 0;border:0;outline:0;flex:1;width:100%;padding:0}.PenDropdown-module__6R7eMG__eyedropperBtn{border:1px solid var(--color-border);background:var(--color-surface-1);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.PenDropdown-module__6R7eMG__eyedropperBtn:hover{background:var(--color-surface-2);color:var(--color-text-primary)}}.PenDropdown-module__6R7eMG__eyedropperBtn:focus-visible{background-color:var(--focus-fill-strong);transition:background-color var(--focus-duration) var(--focus-ease);outline:none}.PenDropdown-module__6R7eMG__hexInput:focus-within{border-color:var(--focus-border-active);transition:border-color var(--focus-duration) var(--focus-ease);outline:none}.PenDropdown-module__6R7eMG__applyBtn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-ui);font-size:var(--text-xs);cursor:pointer;letter-spacing:-.005em;transition:background-color var(--duration-base) var(--ease-standard), transform 80ms var(--ease-standard);border:0;width:100%;font-weight:600;display:flex}@media (hover:hover){.PenDropdown-module__6R7eMG__applyBtn:hover{background:var(--color-primary-dark)}}.PenDropdown-module__6R7eMG__applyBtn:active{transform:translateY(1px)scale(.97)}.PenDropdown-module__6R7eMG__applyBtn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.PenDropdown-module__6R7eMG__applyChip{background:var(--apply-chip,var(--color-surface-1));border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0000002e,inset 0 0 0 2px #ffffff80}.PenDropdown-module__6R7eMG__colorIndicatorRing{box-shadow:0 0 0 1px color-mix(in oklab, var(--color-text-primary) 55%, transparent)}.PenDropdown-module__6R7eMG__divider{background:var(--color-divider);height:1px;margin:var(--space-0-5) 0}.PenDropdown-module__6R7eMG__deleteButton{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1-5) var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:none;font-weight:500;display:flex}@media (hover:hover){.PenDropdown-module__6R7eMG__deleteButton:hover{background:var(--color-danger-soft);color:var(--color-danger-text)}}.PenDropdown-module__6R7eMG__deleteButton:focus-visible{outline:var(--focus-ring-width) solid var(--color-danger);outline-offset:var(--focus-ring-offset)}.PenDropdown-module__6R7eMG__deleteButtonArmed,.PenDropdown-module__6R7eMG__deleteButtonArmed:hover{background:var(--color-danger-soft);color:var(--color-danger-text)}.PenDropdown-module__6R7eMG__deleteButton:disabled{cursor:default;opacity:.45}@media (hover:hover){.PenDropdown-module__6R7eMG__deleteButton:disabled:hover{color:var(--color-text-muted);background:0 0}}.PenDropdown-module__6R7eMG__deleteHint{padding:0 var(--space-1) var(--space-0-5);color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}[data-theme=dark] .PenDropdown-module__6R7eMG__panel{background:color-mix(in oklab, var(--color-surface-1) 70%, var(--color-surface-2) 30%)}.PenDropdown-module__6R7eMG__sortablePreset{touch-action:manipulation}.PenDropdown-module__6R7eMG__presetDragging{z-index:2}@keyframes PenDropdown-module__6R7eMG__presetLift{0%{transform:scale(1)}to{transform:scale(1.12)}}.PenDropdown-module__6R7eMG__presetDragging button{background:var(--color-surface-1);box-shadow:var(--elevation-1);cursor:grabbing;animation:PenDropdown-module__6R7eMG__presetLift var(--duration-fast) var(--ease-emphasized) forwards}@media (prefers-reduced-motion:reduce){.PenDropdown-module__6R7eMG__presetDragging button{animation:none;transform:scale(1.12)}}.PenDropdown-module__6R7eMG__dragHint{white-space:nowrap;z-index:var(--z-hint);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);}@keyframes PenDropdown-module__6R7eMG__dragHintIn{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:no-preference){.PenDropdown-module__6R7eMG__dragHint{animation:PenDropdown-module__6R7eMG__dragHintIn var(--duration-menu) var(--ease-emphasized)}}@keyframes PenDropdown-module__6R7eMG__presetLand{0%{transform:scale(.88)}to{transform:scale(1)}}.PenDropdown-module__6R7eMG__presetLanding button{animation:PenDropdown-module__6R7eMG__presetLand var(--duration-base) var(--ease-emphasized)}@media (prefers-reduced-motion:reduce){.PenDropdown-module__6R7eMG__presetLanding button{animation:none}}