.MorphBar_bar{background:linear-gradient(180deg, var(--bar-from) 0%, var(--bar-to) 100%);height:84px;box-shadow:inset 0 1px 0 var(--bar-sheen), 0 0 0 .5px var(--bar-edge), 0 1px 2px rgba(0, 0, 0, calc(.05 * var(--bar-lift,1))), 0 5px 12px rgba(0, 0, 0, calc(.09 * var(--bar-lift,1))), 0 9px 20px rgba(0, 0, 0, calc(.06 * var(--bar-lift,1)));--ease-settle:cubic-bezier(.22, .9, .16, 1);transition:width .52s var(--ease-settle), height .52s var(--ease-settle), border-radius .44s var(--ease-settle), translate .54s var(--ease-settle), scale .54s var(--ease-settle), transform .54s var(--ease-settle);border-radius:42px;position:relative;overflow:hidden}.MorphBar_bar.MorphBar_collapsed{width:84px;transform-origin:var(--fold-origin,center);clip-path:none;cursor:pointer;min-width:0;overflow:hidden;scale:.667}.MorphBar_bar.MorphBar_vertical.MorphBar_collapsed{width:66px;height:66px;scale:.848}.MorphBar_bar.MorphBar_collapsed .MorphBar_panel,.MorphBar_bar.MorphBar_collapsed .MorphBar_collapsedContent{pointer-events:none}.MorphBar_bar.MorphBar_collapsed .MorphBar_panel{filter:blur(9px);transition:opacity .3s ease-out,filter .26s ease-out,transform .3s ease-out;transform:scale(.94)}.MorphBar_expandHit{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;inset:0}.MorphBar_collapsedContent{z-index:2;opacity:0;filter:blur(6px);pointer-events:none;justify-content:center;align-items:flex-start;padding-top:7px;transition:opacity .2s ease-out,filter .2s ease-out;display:flex;position:absolute;inset:0}.MorphBar_collapsedContent[data-shown]{opacity:1;filter:blur();transition:opacity .14s ease-in, filter .32s var(--ease-smooth)}.MorphBar_clip{position:absolute;inset:0}.MorphBar_panel{width:max-content;transition:opacity .26s var(--ease-smooth), filter .34s var(--ease-smooth), transform .52s var(--ease-settle);opacity:0;filter:blur(8px);pointer-events:none;align-items:flex-end;gap:.125rem;padding:0 2rem;display:flex;position:absolute;inset:0;transform:scale(.86)}.MorphBar_panel[data-active]{opacity:1;filter:blur();pointer-events:auto;transition-delay:60ms,60ms,0s;transform:scale(1)}.MorphBar_vertical{border-radius:33px;width:66px;height:auto;overflow:visible}.MorphBar_vertical[data-side=left] .MorphBar_clip,.MorphBar_vertical[data-side=left] .MorphBar_collapsedContent{clip-path:inset(0 -160px 0 0)}.MorphBar_vertical[data-side=right] .MorphBar_clip,.MorphBar_vertical[data-side=right] .MorphBar_collapsedContent{clip-path:inset(0 0 0 -160px)}.MorphBar_vertical .MorphBar_panel{flex-direction:column;justify-content:flex-start;align-items:center;width:66px;height:max-content;padding:1.25rem 0}.MorphBar_centered{align-items:center;gap:.5rem}.BarSlider_field{width:var(--field-w,148px);flex-direction:column;flex:none;gap:.375rem;display:flex}.BarSlider_head{letter-spacing:-.003rem;justify-content:space-between;align-items:baseline;font-size:.6875rem;font-weight:500;display:flex}.BarSlider_label{color:var(--ink-faint)}.BarSlider_value{color:var(--ink);font-variant-numeric:tabular-nums}.BarSlider_track{cursor:pointer;touch-action:none;align-items:center;height:16px;display:flex;position:relative}.BarSlider_groove{background:var(--sunk);border-radius:6px;position:absolute;inset:2px 0;overflow:hidden}.BarSlider_track:before{content:"";position:absolute;inset:-10px -4px}.BarSlider_checker{background:repeating-conic-gradient(#0000001a 0% 25%,#0000 0% 50%) 50%/8px 8px;position:absolute;inset:0}.BarSlider_fill{transition:width .34s var(--ease-smooth);border-radius:6px;position:absolute;top:0;bottom:0;left:0}.BarSlider_track[data-dragging=true] .BarSlider_fill{transition:none}.BarSlider_knob{background:var(--raised);width:16px;height:16px;transition:left .34s var(--ease-smooth), transform .16s var(--ease-smooth);pointer-events:none;border-radius:50%;position:absolute;top:50%;translate:-50% -50%;box-shadow:0 0 0 .5px #00000029,0 1px 4px #00000038}.BarSlider_track:hover .BarSlider_knob,.BarSlider_track[data-dragging=true] .BarSlider_knob{transform:scale(1.14)}.BarSlider_track[data-dragging=true] .BarSlider_knob{transition:transform .16s var(--ease-smooth)}.BarSlider_fieldVertical{align-items:center;gap:.5rem;width:auto}.BarSlider_fieldVertical .BarSlider_head{flex-direction:column;align-items:center;gap:2px}.BarSlider_trackVertical{width:16px;height:120px}.BarSlider_trackVertical:before{inset:-4px -10px}.BarSlider_trackVertical .BarSlider_groove{inset:0 2px}.BarSlider_trackVertical .BarSlider_fill{width:auto;transition:height .34s var(--ease-smooth);inset:auto 0 0}.BarSlider_trackVertical[data-dragging=true] .BarSlider_fill{transition:none}.BarSlider_trackVertical .BarSlider_knob{transition:bottom .34s var(--ease-smooth), transform .16s var(--ease-smooth);top:auto;left:50%;translate:-50% 50%}.BarSlider_trackVertical[data-dragging=true] .BarSlider_knob{transition:transform .16s var(--ease-smooth)}.Toolbar_row{align-items:center;gap:.5rem;height:100%;display:flex}.Toolbar_seated{flex:none;align-items:center;height:100%;padding-bottom:0;display:flex}.Toolbar_round{width:36px;height:36px;color:var(--ink-soft);transition:background-color .16s var(--ease-smooth), color .16s var(--ease-smooth), transform .14s var(--ease-smooth), opacity .2s var(--ease-smooth);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.Toolbar_round:active:not(:disabled){transform:scale(.9)}.Toolbar_round:disabled{opacity:.28}.Toolbar_divider{background:var(--hairline);flex:none;align-self:center;width:1px;height:22px;margin:0 .625rem}.Toolbar_tool{width:34px;transition:transform .38s var(--ease-snappy), filter .38s var(--ease-snappy);filter:drop-shadow(0 1px 1px #0000001f);flex:none;margin-bottom:-20px;display:block;position:relative;transform:translateY(6px)}.Toolbar_tool[data-active]{filter:drop-shadow(0 4px 6px #0000002e);transform:translateY(-12px)}.Toolbar_wheel{background:conic-gradient(#ff383c,#ff8d28,#fc0,#34c759,#00c3d0,#08f,#6155f5,#d6336c,#ff383c);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:relative;box-shadow:0 0 0 .5px #0000001f,inset 0 0 0 1px #ffffff80}.Toolbar_wheelInk{width:13px;height:13px;box-shadow:0 0 0 3px var(--bar-from), 0 0 0 3.5px var(--hairline);transition:background-color .24s var(--ease-smooth);border-radius:50%}.Toolbar_brushDot{transition:width .26s var(--ease-smooth), height .26s var(--ease-smooth), background-color .24s var(--ease-smooth), opacity .24s var(--ease-smooth);border-radius:50%}.Toolbar_row[data-open-end]{padding-right:.75rem}.Toolbar_vertical .Toolbar_row[data-open-end]{padding-right:.5rem}.Toolbar_vertical .Toolbar_row.Toolbar_inkRow{padding-bottom:.75rem}.Toolbar_swatches{flex:none;align-items:center;gap:.3125rem;display:flex}.Toolbar_chip{width:26px;height:26px;transition:transform .2s var(--ease-smooth), box-shadow .2s var(--ease-smooth);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.Toolbar_chip[data-active]{transform:scale(1.08)translateY(-1px);box-shadow:inset 0 0 0 1px #00000024,0 3px 8px #0000003d}.Toolbar_tick{opacity:0;width:16px;height:16px;transition:opacity .14s ease-out, transform .24s var(--ease-snappy);pointer-events:none;transform:scale(.5)}.Toolbar_chip[data-active] .Toolbar_tick{opacity:1;transform:scale(1)}.Toolbar_custom{cursor:pointer;width:26px;height:26px;transition:transform .22s var(--ease-snappy);border-radius:8px;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.Toolbar_custom span{box-shadow:inset 0 0 0 4px var(--bar-from);background-image:conic-gradient(#ff383c,#fc0,#34c759,#08f,#6155f5,#ff383c);border-radius:8px;position:absolute;inset:0}@media (pointer:coarse){.Toolbar_round{width:42px;height:42px}.Toolbar_tool{width:38px}.Toolbar_chip,.Toolbar_custom{width:30px;height:30px}}.Toolbar_preview{border-radius:8px;flex:none;width:26px;height:26px;transition:background-color .12s linear;box-shadow:inset 0 0 0 1px #00000024,0 1px 3px #00000029}.Toolbar_row>.Toolbar_round:first-child,.Toolbar_seated:first-child{margin-left:-7px}.Toolbar_row>.Toolbar_round:last-child,.Toolbar_seated:last-child{margin-right:-7px}.Toolbar_vertical .Toolbar_row>.Toolbar_round:first-child,.Toolbar_vertical .Toolbar_seated:first-child,.Toolbar_vertical .Toolbar_row>.Toolbar_round:last-child,.Toolbar_vertical .Toolbar_seated:last-child{margin-left:0;margin-right:0}.Toolbar_peek{pointer-events:none;filter:drop-shadow(0 1px 2px #00000029);display:block}.Toolbar_vertical .Toolbar_peek{transform-origin:50%;width:max-content;position:absolute;top:50%;left:50%}.Toolbar_vertical .Toolbar_peek svg{width:33px;height:auto}.Toolbar_left .Toolbar_peek{filter:drop-shadow(1px 0 2px #00000029);transform:translate(-50%,-50%)rotate(90deg)translateY(21%)}.Toolbar_right .Toolbar_peek{filter:drop-shadow(-1px 0 2px #00000029);transform:translate(-50%,-50%)rotate(-90deg)translateY(21%)}.Toolbar_vertical .Toolbar_tool,.Toolbar_vertical .Toolbar_tool:hover,.Toolbar_vertical .Toolbar_tool[data-active]{filter:none;justify-content:center;align-items:center;width:34px;height:34px;margin:0;display:flex;overflow:visible;transform:none}.Toolbar_vertical .Toolbar_tool svg{transform-origin:50%;transition:transform .38s var(--ease-snappy), filter .38s var(--ease-snappy)}.Toolbar_left .Toolbar_tool svg{filter:drop-shadow(1px 0 1px #0000001f);transform:rotate(90deg)translateY(30px)}.Toolbar_left .Toolbar_tool[data-active] svg{filter:drop-shadow(4px 0 6px #0000002e);transform:rotate(90deg)translateY(14px)}.Toolbar_right .Toolbar_tool svg{filter:drop-shadow(-1px 0 1px #0000001f);transform:rotate(-90deg)translateY(30px)}.Toolbar_right .Toolbar_tool[data-active] svg{filter:drop-shadow(-4px 0 6px #0000002e);transform:rotate(-90deg)translateY(14px)}.Toolbar_vertical .Toolbar_divider{width:22px;height:1px;margin:.375rem 0}.Toolbar_vertical .Toolbar_seated{height:auto;margin:0}.Toolbar_vertical .Toolbar_row{flex-direction:column;gap:.625rem;height:auto}.Toolbar_vertical .Toolbar_swatches{flex-direction:column;gap:.3125rem;display:flex}.Toolbar_vertical .Toolbar_row{padding:0 .5rem}.Toolbar_hex{background:color-mix(in srgb, var(--sunk) 42%, transparent);height:28px;color:var(--ink-2);font-variant-numeric:tabular-nums;letter-spacing:.01em;transition:background .18s var(--ease-snappy);border-radius:8px;align-items:center;gap:0;padding:0 9px;font-family:inherit;font-size:12px;font-weight:450;line-height:1;display:inline-flex;position:relative}.Toolbar_hex:focus-within{background:color-mix(in srgb, var(--sunk) 70%, transparent)}.Toolbar_hex:after{content:"";border-radius:inherit;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--accent) 45%, transparent);opacity:0;transition:opacity .16s var(--ease-snappy), transform .22s var(--ease-snappy);pointer-events:none;position:absolute;inset:0;transform:scale(.96)}.Toolbar_hex:focus-within:after{opacity:1;transform:scale(1)}.Toolbar_hex input{text-align:left;width:6.35ch;min-width:6.35ch;color:color-mix(in srgb, var(--ink-1) 82%, transparent);font:inherit;letter-spacing:inherit;text-transform:uppercase;background:0 0;border:0;outline:none;padding:0}.Toolbar_hex input::selection{background:color-mix(in srgb, var(--accent,#4263eb) 28%, transparent)}.Toolbar_brushDot,.Toolbar_preview{box-shadow:inset 0 0 0 1px #00000038}.sd[data-theme=dark] .Toolbar_brushDot,.sd[data-theme=dark] .Toolbar_preview{box-shadow:inset 0 0 0 1px #ffffff47}.Toolbar_wheelInk{box-shadow:0 0 0 3px var(--bar-from), 0 0 0 3.5px var(--hairline)}.Toolbar_tail{padding-right:7px}.sd[data-placement=left] .Toolbar_tail,.sd[data-placement=right] .Toolbar_tail{padding-bottom:7px}@media (hover:hover){.Toolbar_round:hover:not(:disabled){background:var(--sunk);color:var(--ink)}.Toolbar_round[data-tone=danger]:hover:not(:disabled){background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red)}.Toolbar_tool:not([data-active]):hover{transform:translateY(-1px)}.Toolbar_chip:hover{transform:scale(1.1)}.Toolbar_custom:hover{transform:scale(1.14)}.Toolbar_left .Toolbar_tool:not([data-active]):hover svg{transform:rotate(90deg)translateY(26px)}.Toolbar_right .Toolbar_tool:not([data-active]):hover svg{transform:rotate(-90deg)translateY(26px)}}.ToolMenu_menu{z-index:2147482000;--field-w:196px;background:linear-gradient(180deg, var(--bar-from) 0%, var(--bar-to) 100%);box-shadow:inset 0 1px 0 var(--bar-sheen), 0 0 0 .5px var(--bar-edge), 0 2px 6px #00000012, 0 10px 28px #00000024;font-family:var(--font);color:var(--ink);border-radius:20px;padding:13px 15px 14px;animation:.22s cubic-bezier(.2,1.1,.36,1) both ToolMenu_rise;position:fixed;transform:translate(-50%,-100%)}.ToolMenu_menu[data-closing]{animation:.15s cubic-bezier(.4,0,.9,.5) both ToolMenu_sink}.ToolMenu_rows{flex-direction:column;gap:13px;display:flex}.ToolMenu_beak{left:var(--beak-x,50%);background:var(--bar-to);clip-path:polygon(0 0,100% 0,50% 100%);width:20px;height:9px;position:absolute;bottom:-8px;translate:-50%}@keyframes ToolMenu_rise{0%{opacity:0;transform:translate(-50%,-100%)scale(.9)translateY(8px)}to{opacity:1;transform:translate(-50%,-100%)scale(1)translateY(0)}}@keyframes ToolMenu_sink{0%{opacity:1;transform:translate(-50%,-100%)scale(1)translateY(0)}to{opacity:0;transform:translate(-50%,-100%)scale(.92)translateY(6px)}}@media (prefers-reduced-motion:reduce){.ToolMenu_menu{animation-duration:.1s;animation-timing-function:linear}}.Tooltip_anchor{z-index:2147483000;pointer-events:none;will-change:transform;transition:transform .28s cubic-bezier(.33,.94,.24,1);position:fixed;top:0;left:0}.Tooltip_tip{box-sizing:content-box;color:#fff;white-space:nowrap;font-synthesis:none;transform-origin:50% calc(100% + 4px);perspective:190px;perspective-origin:50%;background:#26262b;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px 8px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:width .28s cubic-bezier(.33,.94,.24,1);animation:.32s cubic-bezier(.2,1.5,.4,1) both Tooltip_pop;display:flex;position:relative;overflow:hidden;transform:translate(-50%,-100%);box-shadow:0 2px 4px #00000024,0 8px 20px #00000038}.Tooltip_tip:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff17 0%,#ffffff0d 34%,#0000 60%,#0000001a 100%);position:absolute;inset:0}.Tooltip_tip[data-at=right]{transform-origin:-4px;animation-name:Tooltip_popRight;transform:translateY(-50%)}.Tooltip_tip[data-at=left]{transform-origin:calc(100% + 4px);animation-name:Tooltip_popLeft;transform:translate(-100%,-50%)}.Tooltip_tip[data-closing]{animation:.17s cubic-bezier(.4,0,.9,.5) both Tooltip_popOut}.Tooltip_tip[data-at=right][data-closing]{animation-name:Tooltip_popOutRight}.Tooltip_tip[data-at=left][data-closing]{animation-name:Tooltip_popOutLeft}.Tooltip_face{white-space:nowrap;transform-style:preserve-3d;backface-visibility:hidden;justify-content:center;align-items:center;gap:7px;animation:.3s cubic-bezier(.33,.94,.24,1) both Tooltip_rollIn;display:flex}.Tooltip_face[data-leaving]{animation:.3s cubic-bezier(.33,.94,.24,1) both Tooltip_rollOut;position:absolute;top:50%;left:50%}@keyframes Tooltip_rollIn{0%{opacity:0;transform:translateY(112%)rotateX(-78deg)}55%{opacity:1}to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes Tooltip_rollOut{0%{opacity:1;transform:translate(-50%,-50%)rotateX(0)}45%{opacity:.75}to{opacity:0;transform:translate(-50%,-162%)rotateX(78deg)}}.Tooltip_label{letter-spacing:.005em;font-size:12.5px;font-weight:620;line-height:1}.Tooltip_hint{color:#fff;text-transform:uppercase;background:#ffffff29;border-radius:5px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-family:inherit;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex}@keyframes Tooltip_pop{0%{opacity:0;transform:translate(-50%,-100%)scale(.72)translateY(5px)}to{opacity:1;transform:translate(-50%,-100%)scale(1)translateY(0)}}@keyframes Tooltip_popOut{0%{opacity:1;transform:translate(-50%,-100%)scale(1)translateY(0)}to{opacity:0;transform:translate(-50%,-100%)scale(.82)translateY(4px)}}@keyframes Tooltip_popOutRight{0%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translateY(-50%)scale(.82)translate(-4px)}}@keyframes Tooltip_popOutLeft{0%{opacity:1;transform:translate(-100%,-50%)scale(1)}to{opacity:0;transform:translate(-100%,-50%)scale(.82)translate(4px)}}@keyframes Tooltip_popRight{0%{opacity:0;transform:translateY(-50%)scale(.72)translate(-5px)}to{opacity:1;transform:translateY(-50%)scale(1)translate(0)}}@keyframes Tooltip_popLeft{0%{opacity:0;transform:translate(-100%,-50%)scale(.72)translate(5px)}to{opacity:1;transform:translate(-100%,-50%)scale(1)translate(0)}}@media (prefers-reduced-motion:reduce){.Tooltip_anchor{transition:none}.Tooltip_face,.Tooltip_face[data-leaving]{animation-duration:.1s;animation-timing-function:linear}.Tooltip_tip{animation:.12s linear both Tooltip_fade}@keyframes Tooltip_fade{0%{opacity:0}to{opacity:1}}}@media (prefers-color-scheme:dark){.Tooltip_tip{color:#1a1a1e;background:#f2f2f4}.Tooltip_hint{color:#1a1a1e;background:#0000001f}}.TrashIcon_icon{overflow:visible}.TrashIcon_lid{transform-origin:3.6px 5.6px;transform-box:view-box;transition:transform .36s var(--ease-snappy)}button:hover:not(:disabled) .TrashIcon_lid{transform:rotate(-24deg)translate(.6px,-1.1px)}button:active:not(:disabled) .TrashIcon_lid{transform:rotate(-12deg)translate(.3px,-.5px)}@media (prefers-reduced-motion:reduce){.TrashIcon_lid{transition:none}}.Draw_root{background:var(--workspace);border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.Draw_root[data-background=none]{background:0 0}.Draw_surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.Draw_toolbar{z-index:30;animation:Draw_sdBarRise .52s var(--ease-snappy) backwards, Draw_sdBarFade .42s ease-out backwards;--sd-inset:1.25rem;--sd-room:calc(100% - var(--sd-inset) * 2);position:absolute}.Draw_toolbar[data-placement=bottom]{bottom:var(--sd-inset);max-width:var(--sd-room)}.Draw_toolbar[data-placement=bottom][data-align=center]{left:50%;translate:-50%}.Draw_toolbar[data-placement=bottom][data-align=start]{left:var(--sd-inset)}.Draw_toolbar[data-placement=bottom][data-align=end]{right:var(--sd-inset)}.Draw_toolbar[data-placement=left]{left:var(--sd-inset);max-height:var(--sd-room)}.Draw_toolbar[data-placement=right]{right:var(--sd-inset);max-height:var(--sd-room)}.Draw_toolbar[data-placement=left][data-align=center],.Draw_toolbar[data-placement=right][data-align=center]{top:50%;translate:0 -50%}.Draw_toolbar[data-placement=left][data-align=start],.Draw_toolbar[data-placement=right][data-align=start]{top:var(--sd-inset)}.Draw_toolbar[data-placement=left][data-align=end],.Draw_toolbar[data-placement=right][data-align=end]{bottom:var(--sd-inset)}@keyframes Draw_sdBarRise{0%{transform:translateY(18px)}to{transform:translateY(0)}}@keyframes Draw_sdBarFade{0%{opacity:0}to{opacity:1}}.Draw_toolbar[data-draggable]{transition:rotate .26s var(--ease-snappy), scale .26s var(--ease-snappy), filter .26s var(--ease-snappy)}.Draw_toolbar[data-draggable]:active,.Draw_toolbar[data-held]{cursor:grabbing}.Draw_toolbar[data-held]{filter:drop-shadow(0 8px 14px #00000017);transition:rotate .22s var(--ease-snappy), scale .22s var(--ease-snappy), filter .22s var(--ease-snappy);rotate:-1.4deg;scale:1.035}.Draw_toolbar[data-held] *{cursor:grabbing}@media (prefers-reduced-motion:reduce){.Draw_toolbar[data-draggable],.Draw_toolbar[data-held]{transition:none;rotate:none;scale:1}}.sd{--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--workspace:#edebe7;--ink:#111;--ink-soft:#8a8a8e;--ink-faint:#00000047;--hairline:#0000001a;--pill-bg:#1a1a1a;--accent:#08f;--red:#ff383c;--ease-smooth:cubic-bezier(.19, 1, .22, 1);--ease-snappy:cubic-bezier(.175, .885, .32, 1.1);--tool-1:#c6c4bf;--tool-2:#eeedea;--tool-3:#fff;--tool-4:#f3f2ef;--tool-5:#dedcd7;--tool-6:#c4c2bd;--metal-1:#6f6d68;--metal-2:#bab8b3;--metal-3:#e4e2de;--metal-4:#a6a49f;--metal-5:#6a6863;--smetal-1:#7d7a74;--smetal-2:#cbc7c0;--smetal-3:#fdfdfc;--smetal-4:#e2dfd9;--smetal-5:#b8b4ad;--smetal-6:#8d8a84;--smetal-7:#6e6b66;--smetal-8:#a5a29b;--pfacet-1:#ece8e2;--pfacet-2:#f8f6f2;--pfacet-3:#fdfcfa;--pfacet-4:#f8f5f1;--pfacet-5:#ebe7e0;--pfacet-6:#dad5cd;--studio-1:#dcd8d2;--studio-2:#f6f4f1;--studio-3:#fff;--studio-4:#fdfcfb;--studio-5:#f8f6f3;--studio-6:#eceae5;--studio-7:#dcd8d1;--studio-8:#e6e2dc;--tool-collar:#413e3a;--bar-from:#fbfaf9;--bar-to:#f1efec;--bar-edge:#00000012;--bar-sheen:#ffffffe6;--sunk:#0000000e;--raised:#fff}@supports (color:color(display-p3 1 1 1)){.sd{--accent:color(display-p3 0 .53 1);--red:color(display-p3 1 .22 .24)}}.sd[data-theme=dark],.sd[data-theme=auto]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.sd[data-theme=auto]{--workspace:#131315;--ink:#f4f3f1;--ink-soft:#b4b4bb;--ink-faint:#ffffff73;--hairline:#ffffff29;--bar-from:#35353b;--bar-to:#26262b;--bar-edge:#0009;--bar-sheen:#ffffff1c;--sunk:#00000057;--raised:#e9e8e6;--tool-1:#232327;--tool-2:#34343a;--tool-3:#47474f;--tool-4:#3a3a41;--tool-5:#2a2a2f;--tool-6:#1f1f23;--metal-1:#34343a;--metal-2:#63636d;--metal-3:#83838e;--metal-4:#51515a;--metal-5:#2e2e34;--smetal-1:#2b2b30;--smetal-2:#6e6e78;--smetal-3:#a9a9b4;--smetal-4:#85858f;--smetal-5:#63636d;--smetal-6:#45454d;--smetal-7:#2e2e34;--smetal-8:#56565f;--pfacet-1:#32323a;--pfacet-2:#3f3f48;--pfacet-3:#45454e;--pfacet-4:#414149;--pfacet-5:#37373f;--pfacet-6:#2b2b32;--studio-1:#202024;--studio-2:#45454e;--studio-3:#5a5a65;--studio-4:#4e4e57;--studio-5:#43434b;--studio-6:#33333a;--studio-7:#26262b;--studio-8:#35353c;--tool-collar:#101013;--accent:#3d9bff}}.sd[data-theme=dark]{--workspace:#131315;--ink:#f4f3f1;--ink-soft:#b4b4bb;--ink-faint:#ffffff73;--hairline:#ffffff29;--bar-from:#35353b;--bar-to:#26262b;--bar-edge:#0009;--bar-sheen:#ffffff1c;--sunk:#00000057;--raised:#e9e8e6;--tool-1:#232327;--tool-2:#34343a;--tool-3:#47474f;--tool-4:#3a3a41;--tool-5:#2a2a2f;--tool-6:#1f1f23;--metal-1:#34343a;--metal-2:#63636d;--metal-3:#83838e;--metal-4:#51515a;--metal-5:#2e2e34;--smetal-1:#2b2b30;--smetal-2:#6e6e78;--smetal-3:#a9a9b4;--smetal-4:#85858f;--smetal-5:#63636d;--smetal-6:#45454d;--smetal-7:#2e2e34;--smetal-8:#56565f;--pfacet-1:#32323a;--pfacet-2:#3f3f48;--pfacet-3:#45454e;--pfacet-4:#414149;--pfacet-5:#37373f;--pfacet-6:#2b2b32;--studio-1:#202024;--studio-2:#45454e;--studio-3:#5a5a65;--studio-4:#4e4e57;--studio-5:#43434b;--studio-6:#33333a;--studio-7:#26262b;--studio-8:#35353c;--tool-collar:#101013;--accent:#3d9bff}:where(.sd),:where(.sd) *,:where(.sd) :before,:where(.sd) :after{box-sizing:border-box}:where(.sd) :where(button){font:inherit;color:inherit;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}:where(.sd) :where(button:disabled){cursor:not-allowed}.sd{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.sd[data-depth=flat]{--bar-lift:0;--bar-to:var(--bar-from);--bar-sheen:transparent}.sd[data-depth=soft]{--bar-lift:.5}.sd[data-depth=regular]{--bar-lift:1}.sd[data-depth=strong]{--bar-lift:1.28}:root{--ink:#14201c;--ink-soft:#3a4a44;--paper:#e8efe6;--paper-deep:#d5e0d2;--canvas:#fffdf8;--accent:#0f6b5c;--accent-2:#c45c26;--line:#14201c24;--shadow:0 18px 50px #14201c1f;--font-display:"Syne", sans-serif;--font-body:"IBM Plex Sans KR", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,textarea{font:inherit}.app{min-height:100dvh;padding:24px clamp(16px,4vw,40px) 40px;position:relative}.app.is-embed{padding-top:48px}.app:has(.play){height:100dvh;max-height:100dvh;padding-bottom:0;overflow:hidden}:is(html:has(.play),body:has(.play)){height:100%;overflow:hidden}.embed-exit{z-index:20;border:1px solid var(--line);cursor:pointer;background:#fffdf8eb;border-radius:999px;padding:.45rem .9rem;font-weight:600;position:fixed;top:12px;right:12px}.embed-wait{flex-direction:column;justify-content:center;min-height:60vh;display:flex}.paper-bg{z-index:-1;background:radial-gradient(1200px 600px at 10% -10%, #0f6b5c29, transparent 60%), radial-gradient(900px 500px at 100% 0%, #c45c261f, transparent 55%), linear-gradient(165deg, #f3f7f1 0%, var(--paper) 45%, var(--paper-deep) 100%);position:fixed;inset:0}.paper-bg:after{content:"";opacity:.35;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");position:absolute;inset:0}.screen{width:min(1100px,100%);margin:0 auto;animation:.42s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.brand{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(2.8rem,8vw,5.5rem);font-weight:800;line-height:.9}.home{grid-template-columns:1.3fr .9fr;align-items:stretch;gap:28px;min-height:calc(100vh - 80px);display:grid}.hero{flex-direction:column;justify-content:center;padding:12px 8px;display:flex}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem)}.lede{max-width:34rem;color:var(--ink-soft);margin:0 0 28px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.meta{color:var(--ink-soft);font-size:.92rem}.side-card{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8b8;border-radius:18px;align-self:center;padding:22px}.side-card h2{font-family:var(--font-display);margin:0 0 14px;font-size:1.2rem}.daily-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.daily-list li{border-bottom:1px dashed var(--line);grid-template-columns:auto 1fr;align-items:baseline;gap:10px;padding-bottom:10px;font-size:.98rem;display:grid}.lvl{color:var(--accent);letter-spacing:.04em;font-size:.75rem;font-weight:600}.soon{color:var(--ink-soft);margin:16px 0 0;font-size:.88rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.85rem 1.35rem;font-weight:600;transition:transform .16s,background .16s,border-color .16s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--ink);color:#f4faf6}.btn.ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn.coin{color:var(--accent-2);background:#c45c261f;border-color:#c45c2647;width:100%;margin-top:8px}.play{flex-direction:column;gap:8px;height:calc(100dvh - 48px);min-height:0;max-height:calc(100dvh - 48px);padding-bottom:118px;display:flex;overflow:hidden}.canvas-wrap{border:1px solid var(--line);height:auto;min-height:0;box-shadow:var(--shadow);background:var(--canvas);border-radius:18px;flex:auto;position:relative;overflow:hidden}.canvas-wrap>svg,.canvas-wrap>.DrawSurface_root,.canvas-wrap>*{width:100%;height:100%;display:block}.tool-dock{z-index:40;-webkit-overflow-scrolling:touch;pointer-events:none;justify-content:center;padding:0 8px;display:flex;position:fixed;bottom:56px;left:0;right:0;overflow-x:auto}.tool-dock>*{pointer-events:auto;transform-origin:bottom;transform:scale(.82)}.tool-dock .MorphBar_bar,.tool-dock [class*=MorphBar_bar]{opacity:1!important;animation:none!important}.play-actions{z-index:41;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e8efe6f0;justify-content:space-between;align-items:center;gap:12px;padding:8px clamp(16px,4vw,40px) 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.play-bar{justify-content:space-between;align-items:stretch;gap:16px;display:flex}.prompt-card{border:1px solid var(--line);background:#fffdf8d9;border-radius:16px;flex:1;padding:14px 18px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 4px;font-size:.72rem;font-weight:600}.prompt-ko{margin:0 0 4px;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700}.prompt-en{color:var(--ink-soft);margin:0}.timer{text-align:center;background:var(--ink);color:#f4faf6;border-radius:16px;place-content:center;min-width:96px;padding:12px 16px;display:grid}.timer.urgent{background:#8b2e1f;animation:1s infinite pulse}@keyframes pulse{50%{transform:scale(1.03)}}.timer-label{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:.7rem}.timer-value{font-family:var(--font-display);font-size:1.6rem;font-weight:700}.hint{color:var(--ink-soft);margin:0;font-size:.9rem}.recall-head,.result-head{margin-bottom:18px}.recall-head h2,.result-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0}.recall-grid,.result-grid{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.drawing-frame{background:var(--canvas);border:1px solid var(--line);min-height:280px;box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.drawing-frame img{object-fit:contain;background:var(--canvas);width:100%;height:100%;display:block}.drawing-empty{min-height:280px;color:var(--ink-soft);place-items:center;display:grid}.guess-panel,.result-copy{border:1px solid var(--line);background:#fffdf8cc;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.field-label,.label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:8px 0 0;font-size:.75rem}.guess-input{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:12px 14px}.guess-out{margin:0;font-size:1.15rem;font-weight:600}.miss{color:#8b2e1f;margin:0}.hit{color:var(--accent);margin:0}.coin-note{color:var(--ink-soft);margin:0;font-size:.85rem}.stars{letter-spacing:.12em;font-size:2rem}.star{color:#14201c33}.star.on{color:var(--accent-2)}.streak-line{color:var(--ink-soft);margin:6px 0 0}.result-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.hk{-webkit-user-select:none;user-select:none;gap:6px;display:grid}.hk-row{justify-content:center;gap:4px;display:flex}.hk-key{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;min-width:34px;height:40px;padding:0 6px;font-size:.95rem}.hk-key:hover{background:var(--paper)}.hk-key.wide{min-width:48px}.hk-key.space{flex:1;max-width:280px}.hk-key.on{background:var(--ink);color:#fff}@media (width<=860px){.home,.recall-grid,.result-grid,.play-bar{flex-direction:column;grid-template-columns:1fr}.brand{font-size:clamp(2.4rem,14vw,3.6rem)}.play{gap:8px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.prompt-card{padding:10px 14px}.prompt-ko{font-size:1.15rem}.timer{border-radius:12px;width:100%;min-width:0;padding:8px 12px}.timer-value{font-size:1.25rem}.play-actions{flex-direction:row;align-items:center}.hint{font-size:.8rem}}