.controls-module__jReviq__group{flex-direction:column;gap:8px;transition:opacity .2s ease-out;display:flex}.controls-module__jReviq__group>button{width:100%}.controls-module__jReviq__fieldLabel{color:var(--ink);font-size:13px;font-weight:500}.controls-module__jReviq__hint,.controls-module__jReviq__error{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.controls-module__jReviq__error{color:var(--danger)}.controls-module__jReviq__segmented{background:var(--field);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;padding:3px;display:flex}.controls-module__jReviq__segment{cursor:pointer;flex:1;justify-content:center;position:relative}.controls-module__jReviq__segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.controls-module__jReviq__segment span{width:100%;height:calc(var(--control-h) - 6px);border-radius:var(--radius-sm);color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s;display:flex}@media (hover:hover) and (pointer:fine){.controls-module__jReviq__segment:hover span{color:var(--ink)}}.controls-module__jReviq__segment input:checked+span{background:var(--raised);color:var(--ink);box-shadow:0 1px 2px #00000014, 0 0 0 1px var(--line)}.controls-module__jReviq__segment input:focus-visible+span{outline:2px solid var(--focus);outline-offset:1px}.controls-module__jReviq__slider{height:var(--control-h);background:var(--field);-webkit-user-select:none;user-select:none;border-radius:999px;transition:background-color .15s;position:relative;overflow:hidden}.controls-module__jReviq__slider:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.controls-module__jReviq__fill{background:var(--knob);pointer-events:none;border-radius:999px;transition:background-color .15s;position:absolute;top:4px;bottom:4px;left:4px}.controls-module__jReviq__fill:after{content:"";background:var(--knob-line);width:2px;height:12px;transition:height .15s var(--ease-out);border-radius:1px;position:absolute;top:50%;right:12px;translate:0 -50%}@media (hover:hover) and (pointer:fine){.controls-module__jReviq__slider:hover{background:var(--field-hover)}.controls-module__jReviq__slider:hover .controls-module__jReviq__fill{background:var(--knob-hover)}}.controls-module__jReviq__slider:has(input:active) .controls-module__jReviq__fill:after{height:16px}.controls-module__jReviq__value{pointer-events:none;justify-content:flex-end;align-items:center;padding-right:14px;display:flex;position:absolute;inset:0}.controls-module__jReviq__badge{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.controls-module__jReviq__slider input{opacity:0;cursor:ew-resize;appearance:none;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.controls-module__jReviq__inactive .controls-module__jReviq__fill{opacity:.45}.controls-module__jReviq__inactive .controls-module__jReviq__badge{color:var(--muted)}.controls-module__jReviq__switchRow{min-height:var(--control-h);background:var(--field);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 12px;transition:background-color .15s,opacity .2s ease-out;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.controls-module__jReviq__switchRow:hover{background:var(--field-hover)}}.controls-module__jReviq__switchRow label{cursor:pointer}.controls-module__jReviq__switchRow label:after{content:"";border-radius:inherit;position:absolute;inset:0}.controls-module__jReviq__switch{appearance:none;background:var(--switch-off);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:40px;height:24px;margin:0;transition:background-color .2s;position:relative}.controls-module__jReviq__switch:before{content:"";background:var(--card);width:18px;height:18px;transition:transform .2s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000026}.controls-module__jReviq__switch:checked{background:var(--fill)}.controls-module__jReviq__switch:checked:before{background:var(--fill-ink);transform:translate(16px)}.controls-module__jReviq__colorField{align-items:center;gap:8px;display:flex}.controls-module__jReviq__swatch{width:44px;height:var(--control-h);border-radius:var(--radius-md);background:var(--field);cursor:pointer;flex-shrink:0;position:relative;overflow:hidden}.controls-module__jReviq__swatch:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a}html[data-theme=dark] .controls-module__jReviq__swatch:after{box-shadow:inset 0 0 0 1px #ffffff1f}.controls-module__jReviq__swatch:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.controls-module__jReviq__swatch input{cursor:pointer;border:none;width:66px;height:62px;padding:0;position:absolute;top:-10px;left:-10px}.controls-module__jReviq__hex{font-family:var(--font-mono);text-transform:uppercase}
.Section-module__bHQ8gG__section{padding:8px 12px;transition:opacity .2s ease-out}.Section-module__bHQ8gG__heading{font:inherit;margin:0;transition:opacity .2s ease-out}.Section-module__bHQ8gG__title{border-radius:var(--radius-md);text-align:left;width:100%;height:auto;color:var(--ink);background:0 0;border:0;justify-content:flex-start;gap:10px;padding:10px 8px;font-size:13px;position:relative}@media (hover:hover) and (pointer:fine){.Section-module__bHQ8gG__title:hover{background:var(--hover)}}.Section-module__bHQ8gG__title:active{transform:none}.Section-module__bHQ8gG__title:before{content:"";position:absolute;inset:-8px -12px 0}.Section-module__bHQ8gG__collapsed .Section-module__bHQ8gG__title:before{inset:-8px -12px}.Section-module__bHQ8gG__icon{color:var(--muted);display:inline-flex}.Section-module__bHQ8gG__icon svg{width:16px;height:16px}.Section-module__bHQ8gG__chev{color:var(--muted);transition:transform .2s var(--ease-out);align-items:center;margin-left:auto;display:inline-flex}.Section-module__bHQ8gG__collapsed .Section-module__bHQ8gG__chev{transform:rotate(-90deg)}.Section-module__bHQ8gG__body{transition:grid-template-rows .2s var(--ease-out), visibility 0s;grid-template-rows:1fr;display:grid}.Section-module__bHQ8gG__collapsed .Section-module__bHQ8gG__body{visibility:hidden;transition:grid-template-rows .2s var(--ease-out), visibility 0s .2s;grid-template-rows:0fr}.Section-module__bHQ8gG__instant .Section-module__bHQ8gG__body,.Section-module__bHQ8gG__instant .Section-module__bHQ8gG__chev{transition:none}.Section-module__bHQ8gG__clip{min-height:0;overflow:hidden}.Section-module__bHQ8gG__content{flex-direction:column;gap:14px;padding:6px 8px 14px;display:flex}@media (pointer:coarse){.Section-module__bHQ8gG__title{min-height:44px}}
.Sidebar-module__vHV_SG__sidebar{background:var(--panel);border-right:var(--hairline) solid var(--line);overscroll-behavior:contain;width:360px;min-width:0;z-index:var(--z-sidebar);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow-y:auto}.Sidebar-module__vHV_SG__sidebar>*+*{border-top:var(--hairline) solid var(--line)}.Sidebar-module__vHV_SG__intro{flex-direction:column;gap:6px;padding:22px 20px 20px;transition:opacity .2s ease-out;display:flex}.Sidebar-module__vHV_SG__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.Sidebar-module__vHV_SG__title{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:17px;font-weight:500;line-height:1.3}.Sidebar-module__vHV_SG__desc{color:var(--muted);text-wrap:pretty;margin:0;font-size:13px;line-height:1.6}.Sidebar-module__vHV_SG__actions{flex-shrink:0;align-items:center;margin-right:-6px;display:flex}.Sidebar-module__vHV_SG__iconBtn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--muted);background:0 0;border:0;padding:0}@media (hover:hover) and (pointer:fine){.Sidebar-module__vHV_SG__iconBtn:hover:not(:disabled){background:var(--hover);color:var(--ink)}}.Sidebar-module__vHV_SG__sun{display:none}html[data-theme=dark] .Sidebar-module__vHV_SG__sun{display:block}html[data-theme=dark] .Sidebar-module__vHV_SG__moon{display:none}.Sidebar-module__vHV_SG__pair{gap:8px;display:flex}.Sidebar-module__vHV_SG__btnGrid{grid-template-columns:1fr 1fr;gap:8px;transition:opacity .2s ease-out;display:grid}.Sidebar-module__vHV_SG__primary{background:var(--fill);color:var(--fill-ink);border-color:var(--fill)}@media (hover:hover) and (pointer:fine){.Sidebar-module__vHV_SG__primary:hover:not(:disabled){opacity:.88}}.Sidebar-module__vHV_SG__bottombar{background:var(--panel);flex-direction:column;gap:12px;margin-top:auto;padding:16px 20px 20px;display:flex;position:sticky;bottom:0}:is(.Sidebar-module__vHV_SG__sidebar[data-scrubbing]>:not(.Sidebar-module__vHV_SG__bottombar,:has([data-scrub-active])),.Sidebar-module__vHV_SG__sidebar[data-scrubbing] .Sidebar-module__vHV_SG__bottombar>*,.Sidebar-module__vHV_SG__sidebar[data-scrubbing] :has([data-scrub-active])>:not([data-scrub-active],:has([data-scrub-active]))){opacity:.3;transition-delay:.12s}@media (max-width:720px){.Sidebar-module__vHV_SG__sidebar{border-right:0;border-top:var(--hairline) solid var(--line);width:100%;overflow:visible}}@media (pointer:coarse){.Sidebar-module__vHV_SG__iconBtn{width:44px;height:44px}.Sidebar-module__vHV_SG__actions{margin-right:-14px}}
.Viewport-module__GvCJMW__viewport{background:var(--bg);-webkit-user-select:none;user-select:none;min-width:0;z-index:var(--z-canvas);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.Viewport-module__GvCJMW__hasImage{cursor:grab}.Viewport-module__GvCJMW__dragging{cursor:grabbing}.Viewport-module__GvCJMW__viewport:focus-visible{outline-offset:-4px}.Viewport-module__GvCJMW__canvas{transform-origin:50%;opacity:0;background:repeating-conic-gradient(var(--checker) 0 25%, var(--card) 0 50%) 0 0 / 16px 16px;border-radius:12px;transition:opacity .2s ease-out}.Viewport-module__GvCJMW__hasImage .Viewport-module__GvCJMW__canvas{opacity:1}.Viewport-module__GvCJMW__empty{border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);background:0 0;flex-direction:column;gap:4px;width:min(420px,100% - 48px);height:240px;margin:auto;padding:24px;font-weight:400;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.Viewport-module__GvCJMW__empty:hover{border-color:var(--muted);background:color-mix(in srgb, var(--ink) 2.5%, transparent)}}.Viewport-module__GvCJMW__empty:active{transform:none}.Viewport-module__GvCJMW__emptyIcon{background:var(--card);border:1px solid var(--line);width:40px;height:40px;color:var(--muted);border-radius:999px;place-items:center;margin-bottom:10px;display:grid}.Viewport-module__GvCJMW__emptyIcon svg{width:18px;height:18px}.Viewport-module__GvCJMW__emptyTitle{text-wrap:balance;font-size:15px;font-weight:500;line-height:1.4}.Viewport-module__GvCJMW__emptyHint{color:var(--muted);font-size:12px}.Viewport-module__GvCJMW__forTouch{display:none}@media (pointer:coarse){.Viewport-module__GvCJMW__forMouse{display:none}.Viewport-module__GvCJMW__forTouch{display:inline}}.Viewport-module__GvCJMW__dropTarget:after{content:"";border:1.5px dashed var(--accent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 8%, transparent);pointer-events:none;z-index:var(--z-drop);position:absolute;inset:12px}.Viewport-module__GvCJMW__dropTarget .Viewport-module__GvCJMW__empty{border-color:#0000}.Viewport-module__GvCJMW__status{background:var(--card);border:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;z-index:var(--z-overlay);border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 12px;font-size:12px;font-weight:500;display:flex;position:absolute;top:20px;left:50%;translate:-50%;box-shadow:0 6px 20px -10px #00000040}.Viewport-module__GvCJMW__spinner{border:1.5px solid var(--line-strong);border-top-color:var(--ink);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite Viewport-module__GvCJMW__spin}.Viewport-module__GvCJMW__statusError .Viewport-module__GvCJMW__spinner{display:none}@keyframes Viewport-module__GvCJMW__spin{to{transform:rotate(360deg)}}.Viewport-module__GvCJMW__zoomBar{background:var(--card);border:1px solid var(--line);z-index:var(--z-overlay);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;padding:4px;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 6px 20px -10px #00000040}.Viewport-module__GvCJMW__zoomBar button{background:0 0;border:0;border-radius:999px;min-width:30px;height:30px;padding:0 10px}@media (hover:hover) and (pointer:fine){.Viewport-module__GvCJMW__zoomBar button:hover{background:var(--hover)}}.Viewport-module__GvCJMW__zoomLabel{font-family:var(--font-mono);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:12px;font-weight:500}@media (prefers-reduced-motion:reduce){.Viewport-module__GvCJMW__spinner{animation:none}}@media (max-width:720px){.Viewport-module__GvCJMW__viewport{order:-1;min-height:52vh}}@media (pointer:coarse){.Viewport-module__GvCJMW__zoomBar button{min-width:44px;height:44px}}
.Asciify-module__KOeIFa__app{height:100dvh;display:flex;overflow:hidden}@media (max-width:720px){.Asciify-module__KOeIFa__app{flex-direction:column;height:auto;overflow:visible}}