/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */:root{--draw-gray-900:rgba(var(--draw-ink-rgb),1);--draw-gray-50:rgba(var(--draw-surface-rgb),1);--draw-ink-rgb:38,37,35;--draw-loading-rgb:39,37,29;--draw-blue:#0069d3;--draw-blue-rgb:0,105,211;--draw-blue-05:#0069d30d;--draw-blue-10:#0069d31a;--draw-blue-16:#0069d329;--draw-blue-50:#0069d380;--draw-blue-light:#0088ff38;--draw-blue-comment:#0074dab3;--draw-surface-rgb:250,249,247;--draw-select-12:rgba(var(--draw-loading-rgb),.08);--draw-select-08:rgba(var(--draw-loading-rgb),.08);--draw-hover-05:rgba(var(--draw-loading-rgb),.05);--draw-loading-45:rgba(var(--draw-loading-rgb),.45);--draw-surface-70:rgba(var(--draw-surface-rgb),.7);--draw-surface-85:rgba(var(--draw-surface-rgb),.85);--draw-bg-page:#efeeec;--draw-bg-canvas:var(--draw-gray-50);--draw-text-primary:var(--draw-gray-900);--draw-text-secondary:var(--draw-loading-45);--draw-border:var(--draw-select-12);--draw-shadow:var(--draw-select-08);--draw-shadow-medium:var(--draw-loading-45);--draw-grid-color:var(--draw-select-08);--draw-dot-color:var(--draw-select-12);--draw-hover-bg:var(--draw-hover-05);--draw-active-bg:var(--draw-select-08);--draw-padding:12px;--draw-gap:12px;--draw-comment-padding:10px;--comment-black-subtle:var(--draw-hover-05);--comment-black-light:var(--draw-border);--comment-black-medium:rgba(var(--draw-ink-rgb),.15);--comment-black-strong:rgba(var(--draw-ink-rgb),.5);--draw-ink-02:rgba(var(--draw-ink-rgb),.02);--draw-ink-10:rgba(var(--draw-ink-rgb),.1);--draw-ink-15:rgba(var(--draw-ink-rgb),.15);--draw-ink-20:rgba(var(--draw-ink-rgb),.2);--draw-ink-28:rgba(var(--draw-ink-rgb),.28);--draw-ink-35:rgba(var(--draw-ink-rgb),.35);--draw-ink-80:rgba(var(--draw-ink-rgb),.8);--draw-ink-85:rgba(var(--draw-ink-rgb),.85);--draw-surface-05:rgba(var(--draw-surface-rgb),.05);--draw-surface-10:rgba(var(--draw-surface-rgb),.1);--draw-surface-15:rgba(var(--draw-surface-rgb),.15);--draw-surface-20:rgba(var(--draw-surface-rgb),.2);--draw-surface-25:rgba(var(--draw-surface-rgb),.25);--draw-surface-40:rgba(var(--draw-surface-rgb),.4);--draw-surface-50:rgba(var(--draw-surface-rgb),.5);--draw-surface-60:rgba(var(--draw-surface-rgb),.6);--draw-surface-80:rgba(var(--draw-surface-rgb),.8);--draw-surface-solid:rgba(var(--draw-surface-rgb),1);--comment-white-subtle:rgba(var(--draw-surface-rgb),.1);--comment-white-medium:rgba(var(--draw-surface-rgb),.3);--comment-white-strong:rgba(var(--draw-surface-rgb),.5);--draw-icon-size:32px;--draw-comment-width:240px;--draw-comment-dot:10px;--draw-hit-area:36px;--draw-font:var(--font-suisse-intl),system-ui,sans-serif;--draw-letter-spacing:.01em;--draw-radius-sm:4px;--draw-radius-md:12px;--draw-radius-lg:1.5rem;--comment-hover-duration:85ms;--comment-hover-easing:cubic-bezier(.4,0,1,1);--comment-hover-delay:80ms;--comment-open-duration:85ms;--comment-open-easing:cubic-bezier(.4,0,1,1);--comment-unhover-duration:.215s;--comment-unhover-easing:cubic-bezier(.22,1,.36,1);--comment-unhover-delay:80ms;--comment-unhover-scale-to:1;--comment-unhover-blur-to:0px;--comment-close-duration:.215s;--comment-close-easing:cubic-bezier(.22,1,.36,1);--comment-close-scale-to:1;--comment-close-blur-to:0px;--comment-input-duration:.2s;--comment-input-easing:cubic-bezier(.34,1.56,.64,1);--comment-input-scale-from:.95;--comment-input-close-duration:.1s;--comment-input-close-easing:cubic-bezier(.4,0,.2,1);--comment-input-send-duration:.215s;--comment-input-send-easing:cubic-bezier(.22,1,.36,1);--comment-delete-duration:.1s;--comment-delete-easing:cubic-bezier(.4,0,1,1);--comment-delete-scale-to:.85;--comment-fade-total:60s;--comment-fade-blur-max:1px;--comment-fade-easing:ease-in;--comment-temp-slide-duration:.15s;--comment-temp-slide-in-easing:ease-out;--comment-temp-slide-out-easing:ease-in;--comment-temp-style-transition:.2s;--comment-reply-collapse-delay:800;--comment-stream-speed:30}button img,button svg{pointer-events:none;-webkit-user-drag:none}.draw-page{background-color:var(--draw-bg-page);height:100dvh;font-family:var(--draw-font);letter-spacing:var(--draw-letter-spacing);touch-action:none;-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-direction:row;position:fixed;inset:0}.draw-page,.draw-page-main{display:flex;overflow:hidden}.draw-page-main{flex-direction:column;flex:1;min-width:0;height:100%;position:relative}.draw-header{z-index:1;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:relative}.draw-header-center{pointer-events:auto;white-space:nowrap;align-items:center;gap:2px;transition:transform .17s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.draw-header:after{display:none}.draw-header-wrap{z-index:30;pointer-events:none;background:linear-gradient(#f9f9f9e6,#f9f9f900);position:absolute;top:0;left:0;right:0}.draw-header-left,.draw-header-right{pointer-events:auto}.draw-header-blur{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:-16px;left:0}.draw-header-blur>div{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));-webkit-mask-image:var(--mask);mask-image:var(--mask);position:absolute;inset:-50px}.draw-header-left{gap:6px}.draw-header-left,.draw-header-right{pointer-events:auto;align-items:center;display:flex}.draw-header-right{gap:4px}.draw-header-action-btn{width:44px;height:44px;color:var(--draw-text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.draw-header-action-btn:hover{background-color:var(--draw-hover-bg)}.draw-header-action-btn:active>*{transition:transform .1s;transform:scale(.95)}.draw-header-actions{align-items:center;gap:2px;display:flex}.draw-header-actions-divider,.draw-header-settings-btn,.draw-header-settings-divider{display:none}.draw-header-icon-btn img{width:38px;height:38px}.draw-main{display:flex}.draw-canvas-container,.draw-main{flex:1;position:relative;overflow:hidden}.draw-canvas-container{background-color:var(--draw-bg-page);isolation:isolate;margin-top:-1px}.draw-canvas-wrapper{background-color:var(--draw-bg-canvas);position:absolute;inset:0;overflow:hidden}.draw-canvas-grid{background-image:linear-gradient(var(--draw-grid-color)1px,transparent 1px),linear-gradient(90deg,var(--draw-grid-color)1px,transparent 1px);background-size:20px 20px}.draw-canvas-dots{background-image:radial-gradient(circle,var(--draw-dot-color)1.5px,transparent 1.5px);background-position:0 0;background-size:20px 20px;background-origin:content-box;padding:32px}:root{--canvas-dot-inset:32px}@media (max-width:564px){:root{--canvas-dot-inset:16px}}.draw-img-no-anim{animation:none!important}.draw-cursor{pointer-events:none;z-index:9999;position:fixed}html.draw-active,html.draw-active *,html.draw-active :after,html.draw-active :before{cursor:var(--draw-cursor,none)!important}html.draw-active ::-webkit-scrollbar,html.draw-active ::-webkit-slider-thumb{cursor:var(--draw-cursor,none)!important}html.draw-active ::-webkit-scrollbar-thumb{cursor:var(--draw-cursor,none)!important}html.draw-active ::-moz-range-thumb{cursor:var(--draw-cursor,none)!important}.draw-comment-input-form,.draw-comment-wrapper,.draw-page{-webkit-user-select:none;user-select:none}.draw-comment-input,.draw-comment-reply-input{-webkit-user-select:text;user-select:text}.draw-thinking-panel{border-left:1px solid var(--draw-border);background-color:var(--draw-gray-50);flex-direction:column;width:20rem;display:flex;overflow:hidden}.draw-thinking-header{border-bottom:1px solid var(--draw-border);background-color:var(--draw-bg-canvas);justify-content:space-between;align-items:center;padding:.75rem;display:flex}.draw-thinking-title{color:var(--draw-text-primary);font-size:.875rem;font-weight:500}.draw-thinking-content{flex:1;padding:.75rem;overflow-y:auto}.draw-thinking-text{white-space:pre-wrap;font-family:ui-monospace,monospace}.draw-thinking-placeholder,.draw-thinking-text{color:var(--draw-text-secondary);font-size:.875rem}.draw-thinking-placeholder{font-style:italic}.draw-toolbar{z-index:20;pointer-events:none;flex-direction:column;align-items:center;padding-bottom:16px;display:flex;position:absolute;bottom:-1px;left:0;right:0}.draw-toolbar>*{pointer-events:auto}.draw-toolbar-group{flex-direction:column;gap:8px;display:flex}.draw-toolbar-row1{justify-content:center;align-items:flex-end;gap:12px;display:flex}.draw-toolbar-center{border-radius:var(--tb-top-radius,8px);background:linear-gradient(rgba(var(--draw-loading-rgb),var(--tb-top-tint,.08)),rgba(var(--draw-loading-rgb),var(--tb-top-tint,.08))),rgba(var(--draw-surface-rgb),var(--tb-top-surface,.7));-webkit-backdrop-filter:blur(var(--tb-top-blur,16px));backdrop-filter:blur(var(--tb-top-blur,16px));clip-path:inset(-200px -20px 0);align-items:center;display:flex}.draw-tools-container{border-right:1px solid rgba(var(--draw-ink-rgb),var(--tb-top-divider,.1));align-items:flex-end;gap:12px;height:48px;padding:0 16px;display:flex;position:relative}.draw-tool-btn{clip-path:inset(-100% -100% -100px);width:36px;height:61px;transition:all .2s;position:relative}.draw-tool-btn--select{clip-path:inset(-100% -100% -20px)}.draw-tool-icon{width:36px;min-width:36px;height:auto;filter:drop-shadow(0 8px 4px var(--draw-ink-10));transition:bottom .2s,filter .2s,transform .15s;position:absolute;left:0}.draw-tool-btn:hover .draw-tool-icon{filter:drop-shadow(0 10px 4px var(--draw-select-12));transform:translateY(-2px)}.draw-tool-icon--selected{filter:drop-shadow(0 12px 10px var(--draw-ink-20));transition:bottom .2s,filter .2s;transform:none}.draw-tool-btn:hover .draw-tool-icon--selected{filter:drop-shadow(0 12px 10px var(--draw-ink-28));transform:none}.draw-tool-icon--select{height:64px}.draw-colors-section{align-items:center;gap:4px;padding:8px;display:flex}.draw-color-palette{border-radius:8px;align-items:center;display:flex;position:relative;overflow:hidden}.draw-color-palette:after{content:"";box-shadow:inset 0 0 0 1px var(--draw-ink-10);pointer-events:none;border-radius:8px;position:absolute;inset:0}.draw-color-btn{width:var(--draw-icon-size);height:var(--draw-icon-size);transition:all .2s;position:relative;overflow:hidden}.draw-color-reel{transform:translateY(calc(-100% + var(--draw-icon-size)));flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.draw-color-reel-item{width:100%;height:var(--draw-icon-size);flex-shrink:0}.draw-icon-btn{width:var(--draw-icon-size);height:var(--draw-icon-size);border-radius:8px;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.draw-icon-btn:active>*{transition:transform .1s;transform:scale(.95)}.draw-icon-btn:hover{background-color:var(--draw-hover-bg)}.draw-icon-btn--no-hover:hover{background-color:#0000}.draw-icon-btn--active,.draw-icon-btn--active:hover{background-color:var(--draw-active-bg)}.draw-icon-btn--sm{color:var(--draw-gray-900)}.draw-icon-btn--sm,.draw-toolbar-comment-btn{width:var(--draw-icon-size);height:var(--draw-icon-size)}.draw-toolbar-comment-btn{justify-content:center;align-items:center;transition:all .2s;display:flex}.draw-toolbar-comment-btn:active>*{transition:transform .1s;transform:scale(.95)}.draw-toolbar-comment-btn:hover img{filter:url(#wobbleFilterBtn)}.draw-header-icon-btn{width:44px;height:44px;color:var(--draw-loading-45);background-color:#0000;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.draw-header-icon-btn:active>*{transition:transform .1s;transform:scale(.95)}.draw-header-icon-btn:hover{background-color:var(--draw-hover-bg)}.draw-header-icon-btn--active,.draw-header-icon-btn--active:hover{background-color:var(--draw-active-bg)}.draw-claude-btn{width:var(--draw-icon-size);height:var(--draw-icon-size);background-color:var(--draw-gray-900);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.draw-claude-btn:hover{background-color:var(--draw-loading-45)}.draw-claude-btn img{width:20px;height:20px}.draw-header-text{color:var(--draw-text-primary);font-size:14px;transition:opacity .15s}.draw-header-text--loading{opacity:.45}.draw-header-ascii{letter-spacing:.02em;font-family:Berkeley Mono,SF Mono,Fira Code,JetBrains Mono,monospace;font-size:12px;transition:color .15s}.draw-divider{background-color:var(--draw-border);border-radius:.125rem;width:1px;height:1.25rem;margin:0 .25rem}.draw-send-bar{align-items:center;gap:var(--sb-gap,4px);flex-shrink:0;align-self:stretch;display:flex}.draw-send-bar--no-hover .draw-send-bar-action:hover,.draw-send-bar--no-hover .draw-send-bar-btn:hover{height:var(--sb-height,64px)}.draw-send-bar--no-hover .draw-send-bar-action:hover:after,.draw-send-bar--no-hover .draw-send-bar-btn:hover:after{opacity:0}.draw-send-bar-btn{width:var(--sb-side-width,60px);height:var(--sb-height,64px);padding:0 0 var(--sb-padding-bottom,4px)0;color:var(--draw-loading-45);background:linear-gradient(rgba(var(--draw-loading-rgb),var(--tb-send-tint,.08)),rgba(var(--draw-loading-rgb),var(--tb-send-tint,.08))),rgba(var(--draw-surface-rgb),var(--tb-send-surface,.5));-webkit-backdrop-filter:blur(var(--tb-send-blur,16px));backdrop-filter:blur(var(--tb-send-blur,16px));transition:height var(--sb-height-duration,0s)var(--sb-height-easing,ease-out),color .1s ease-out;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-self:flex-end;align-items:flex-start;display:flex;position:relative;overflow:clip}.draw-send-bar-action:after,.draw-send-bar-btn:after{content:"";border-radius:inherit;background:var(--draw-hover-05);opacity:0;transition:opacity var(--sb-overlay-duration,.11s);pointer-events:none;position:absolute;inset:0}.draw-send-bar-action:hover,.draw-send-bar-btn:hover{height:var(--sb-hover-height,62px)}.draw-send-bar-action:hover:after,.draw-send-bar-btn:hover:after{opacity:var(--sb-hover-opacity,.2)}.draw-send-bar-action:active,.draw-send-bar-btn:active{animation:btnPress var(--sb-press-duration,.13s)var(--sb-press-easing,ease-out)}.draw-send-bar-action--sent,.draw-send-bar-btn--pressed{animation:sendPress var(--sb-press-duration,.13s)var(--sb-press-easing,ease-out)forwards}.draw-send-bar-btn--active{color:var(--draw-blue);background:linear-gradient(rgba(var(--draw-blue-rgb),var(--sb-loading-blue,.16)),rgba(var(--draw-blue-rgb),var(--sb-loading-blue,.16))),rgba(var(--draw-surface-rgb),var(--sb-loading-surface,.85))}.draw-send-bar-btn--comment{border-radius:var(--sb-comment-tl,8px)var(--sb-comment-tr,8px)var(--sb-comment-br,8px)var(--sb-comment-bl,32px)}.draw-send-bar-btn--settings{border-radius:var(--sb-settings-tl,8px)var(--sb-settings-tr,8px)var(--sb-settings-br,32px)var(--sb-settings-bl,8px)}.draw-send-bar-btn-inner{width:100%;height:100%;box-shadow:rgba(0,0,0,var(--sb-shadow-opacity,.1))0 var(--sb-shadow-y,2px)var(--sb-shadow-blur,3px);background:0 0;justify-content:center;align-items:center;display:flex;overflow:clip}.draw-send-bar-btn--comment .draw-send-bar-btn-inner{border-radius:var(--sb-comment-tl,8px)var(--sb-comment-tr,8px)var(--sb-comment-br,8px)var(--sb-comment-bl,32px)}.draw-send-bar-btn--settings .draw-send-bar-btn-inner{border-radius:var(--sb-settings-tl,8px)var(--sb-settings-tr,8px)var(--sb-settings-br,32px)var(--sb-settings-bl,8px)}.draw-send-bar-action{height:var(--sb-height,64px);padding:0 0 var(--sb-padding-bottom,4px)0;border-radius:var(--sb-action-radius,8px);background:linear-gradient(rgba(var(--draw-loading-rgb),var(--tb-send-tint,.08)),rgba(var(--draw-loading-rgb),var(--tb-send-tint,.08))),rgba(var(--draw-surface-rgb),var(--tb-send-surface,.5));-webkit-backdrop-filter:blur(var(--tb-send-blur,16px));backdrop-filter:blur(var(--tb-send-blur,16px));cursor:pointer;transition:height var(--sb-height-duration,0s)var(--sb-height-easing,ease-out);flex-direction:column;flex:1;justify-content:flex-end;align-self:flex-end;align-items:flex-start;display:flex;position:relative;overflow:clip}.draw-send-bar-action-inner{border-radius:calc(var(--sb-action-radius,8px) - 1px);width:100%;height:100%;padding:0 var(--sb-inner-px,24px);box-shadow:rgba(0,0,0,var(--sb-shadow-opacity,.1))0 var(--sb-shadow-y,2px)var(--sb-shadow-blur,3px);background:0 0;flex-direction:row;justify-content:space-between;align-items:center;display:flex;overflow:clip}.draw-send-bar-action--sent .draw-send-bar-label{color:var(--draw-blue)}.draw-send-bar-action--sent .draw-send-bar-shortcut{color:rgba(var(--draw-blue-rgb),var(--blue-shortcut-opacity,.5))}@keyframes sendPress{0%{height:var(--sb-press-depth,57px)}to{height:var(--sb-height,64px)}}@keyframes btnPress{0%{height:var(--sb-height,64px)}55%{height:var(--sb-press-depth,57px)}to{height:var(--sb-height,64px)}}.draw-send-bar-label{color:#34312a}.draw-send-bar-label,.draw-send-bar-shortcut{font-family:ABC Diatype Mono Unlicensed Trial,Berkeley Mono,SF Mono,monospace;font-size:var(--sb-font-size,14px);line-height:var(--sb-line-height,18px);letter-spacing:var(--sb-letter-spacing,-.02em);white-space:pre;transition:color .2s}.draw-send-bar-shortcut{color:#34312a80;font-style:italic}.draw-send-bar--loading .draw-send-bar-action{background:linear-gradient(rgba(var(--draw-blue-rgb),var(--sb-loading-blue,.16)),rgba(var(--draw-blue-rgb),var(--sb-loading-blue,.16))),rgba(var(--draw-surface-rgb),var(--sb-loading-surface,.85))}.draw-send-bar--loading .draw-send-bar-label{color:var(--draw-blue)}.draw-send-bar--loading .draw-send-bar-shortcut{color:rgba(var(--draw-blue-rgb),var(--blue-shortcut-opacity,.5))}.draw-send-bar-btn img,.draw-send-bar-btn svg{width:28px;height:28px;transition:filter .2s}.draw-send-bar-btn--comment img,.draw-send-bar-btn--comment svg{width:24px;height:24px;margin-left:1px}.draw-send-bar-btn--settings img,.draw-send-bar-btn--settings svg{margin-right:1px}.draw-comment-row-icon--user:hover,.draw-header-icon-btn:hover>.draw-stroke-icon,.draw-icon-btn:hover>.draw-stroke-icon{filter:url(#wobbleFilterBtn)}.draw-stroke{pointer-events:none}@media (max-width:564px){.draw-header{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;padding:8px 8px 4px;display:grid}.draw-header-left{grid-area:1/1}.draw-header-center{grid-area:2/1/auto/-1;justify-content:flex-start;gap:0;padding-left:2px;position:static;transform:none}.draw-header-right{grid-area:1/3}.draw-header-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;overflow:hidden}.draw-header-ascii{font-size:14px}.draw-comment-anchor,.draw-comment-input-backdrop,.draw-comment-input-form,.draw-drawer-wrap,.draw-toolbar{display:none!important}.draw-header-settings-btn,.draw-header-settings-divider{display:flex}.draw-cursor{display:none!important}.opus-label span{font-size:15px!important;font-style:normal!important;line-height:21px!important}}.mobile-toolbar{bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:6px;padding:0 12px;display:flex;position:fixed;left:0;right:0}.mobile-toolbar>*{pointer-events:auto}.mobile-toolbar-pill{background:linear-gradient(var(--draw-select-08),var(--draw-select-08)),var(--draw-surface-70);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:inset(-200px -20px 0 round 32px 12px);border-radius:32px 12px 12px 32px;overflow:visible}.mobile-pill-toggle,.mobile-toolbar-pill{flex-shrink:0;height:48px;display:flex;position:relative}.mobile-pill-toggle{border:none;border-right:1px solid var(--draw-ink-10);-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;align-items:center;width:48px}.mobile-pill-toggle:active>:not(.mobile-pill-x){transform:scale(.9)}.mobile-pill-swatch-color{pointer-events:none;border-radius:50%;width:28px;height:28px;transition:opacity .11s ease-in,transform .11s ease-in;display:block}.mobile-pill-swatch-color--hidden,.mobile-pill-x{opacity:0;transform:scale(.8)}.mobile-pill-x{pointer-events:none;transition:opacity .11s ease-in,transform .11s ease-in;position:absolute}.mobile-pill-x--visible{opacity:1;transform:scale(1)}.mobile-pill-tools{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:128px;height:48px;padding:0 8px;transition:opacity .475s cubic-bezier(.22,1.42,.36,1),transform .475s cubic-bezier(.22,1.42,.36,1),filter .475s cubic-bezier(.22,1.42,.36,1);display:flex;overflow:clip}.mobile-pill-tools--hidden{opacity:0;filter:blur();pointer-events:none;transform:translateY(16px)}.mobile-pill-sizes{opacity:0;filter:blur(2px);pointer-events:none;justify-content:space-between;align-items:center;gap:8px;height:48px;padding:0 8px;transition:opacity .6s cubic-bezier(.22,1.42,.36,1),transform .6s cubic-bezier(.22,1.42,.36,1),filter .6s cubic-bezier(.22,1.42,.36,1);display:flex;position:absolute;top:0;left:49px;right:0;transform:translateY(-2px)}.mobile-pill-sizes--visible{opacity:1;filter:blur();pointer-events:auto;transform:translateY(0)}.mobile-tool-btn{-webkit-tap-highlight-color:transparent;width:30px;height:57px;transition:all .2s;position:relative}.mobile-tool-icon{width:30px;height:57px;filter:drop-shadow(0 8px 4px var(--draw-ink-10));pointer-events:none;transition:bottom .2s,filter .2s;position:absolute;left:0}.mobile-tool-icon--selected{filter:drop-shadow(0 12px 10px var(--draw-ink-20))}.mobile-send-btn{background:linear-gradient(var(--draw-select-08),var(--draw-select-08)),var(--draw-surface-70);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-tap-highlight-color:transparent;border:none;border-radius:12px 24px 24px 12px;flex:1;justify-content:center;align-items:center;height:48px;transition:background .2s,transform .15s;display:flex}.mobile-send-btn svg{width:24px;height:24px;color:var(--draw-text-secondary)}.mobile-send-btn:active{transform:scale(.97)}.mobile-send-btn--loading{background:linear-gradient(var(--draw-blue-16),var(--draw-blue-16)),var(--draw-surface-70)}.mobile-send-btn--loading svg{color:var(--draw-blue)}.mobile-color-panel{bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:20;pointer-events:none;opacity:0;filter:blur(3px);transition:opacity .155s ease-in,transform .155s ease-in,filter .155s ease-in;position:fixed;left:12px;transform:translateY(11px)}.mobile-color-panel--open{opacity:1;filter:blur();pointer-events:auto;transition:opacity .4s cubic-bezier(.22,1.4,.36,1),transform .4s cubic-bezier(.22,1.4,.36,1),filter .4s cubic-bezier(.22,1.4,.36,1);transform:translateY(0)}.mobile-color-strip{background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;width:48px;display:flex;position:relative;overflow:hidden}.mobile-color-strip:after{content:"";box-shadow:inset 0 0 0 1px var(--draw-ink-10);pointer-events:none;z-index:1;border-radius:12px;position:absolute;inset:0}.mobile-color-swatch{-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:48px;height:48px;transition:opacity .15s,filter .11s ease-out;display:block;position:relative}.mobile-color-swatch:active{opacity:.8}.mobile-color-swatch--dice{--draw-icon-size:48px;background-color:#0000;border-radius:0 0 12px 12px;justify-content:center;align-items:center;display:flex;overflow:visible}.mobile-color-swatch--dice .toolbar-dice-face img{min-width:48px;min-height:48px}.mobile-color-swatch--dice .toolbar-dice-front{transform:translateZ(24px)}.mobile-color-swatch--dice .toolbar-dice-back{transform:rotateY(180deg)translateZ(24px)}.mobile-color-swatch--dice .toolbar-dice-right{transform:rotateY(90deg)translateZ(24px)}.mobile-color-swatch--dice .toolbar-dice-left{transform:rotateY(-90deg)translateZ(24px)}.mobile-color-swatch--dice .toolbar-dice-top{transform:rotateX(90deg)translateZ(24px)}.mobile-color-swatch--dice .toolbar-dice-bottom{transform:rotateX(-90deg)translateZ(24px)}.mobile-color-swatch--dice:active>*{transition:transform .1s;transform:scale(.95)}.mobile-options-size{-webkit-tap-highlight-color:transparent;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s;display:flex}.mobile-options-size--active{background:var(--draw-select-08)}.mobile-options-size:active{background:var(--draw-select-12)}.draw-curve-editor{background:var(--draw-ink-80);-webkit-backdrop-filter:blur(24px);border:1px solid var(--draw-surface-10);border-radius:var(--draw-radius-md);z-index:50;flex-direction:column;gap:10px;min-width:200px;margin-bottom:8px;padding:12px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.draw-curve-header{justify-content:space-between;align-items:center;display:flex}.draw-curve-label{color:var(--draw-surface-50);font-size:12px;font-weight:500}.draw-curve-duration-row{color:var(--draw-surface-50);flex:1;align-items:center;gap:6px;display:flex}.draw-curve-duration-slider{appearance:none;background:var(--draw-surface-10);border-radius:2px;outline:none;flex:1;height:4px}.draw-curve-duration-slider::-webkit-slider-thumb{appearance:none;background:var(--draw-gray-50);border-radius:50%;width:10px;height:10px}.draw-curve-duration-slider::-moz-range-thumb{background:var(--draw-gray-50);border:none;border-radius:50%;width:10px;height:10px}.draw-curve-duration-value{color:var(--draw-surface-60);text-align:right;min-width:42px;font-size:10px;font-weight:500}.draw-curve-copy-btn{width:24px;height:24px;color:var(--draw-surface-50);border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.draw-curve-copy-btn:hover{background:var(--draw-surface-10);color:var(--draw-surface-80)}.draw-curve-canvas{background:var(--draw-surface-05);border-radius:8px;justify-content:center;padding:4px;display:flex}.draw-curve-canvas svg{display:block}.draw-curve-canvas line{stroke:var(--draw-surface-10)}.draw-curve-canvas path{stroke:var(--draw-gray-50)}.draw-curve-canvas circle{fill:var(--draw-gray-50)}.draw-curve-sliders{flex-direction:column;gap:8px;display:flex}.draw-curve-slider-row{align-items:center;gap:8px;display:flex}.draw-curve-slider-row label{color:var(--draw-surface-50);min-width:52px;font-size:10px;font-weight:500}.draw-curve-slider{appearance:none;background:var(--draw-surface-10);border-radius:2px;outline:none;flex:1;height:4px}.draw-curve-slider::-webkit-slider-thumb{appearance:none;background:var(--draw-gray-50);border-radius:50%;width:12px;height:12px}.draw-curve-slider::-moz-range-thumb{background:var(--draw-gray-50);border:none;border-radius:50%;width:12px;height:12px}.draw-curve-slider-value{color:var(--draw-surface-70);text-align:right;min-width:28px;font-size:11px;font-weight:500}.draw-curve-field{align-items:center;gap:8px;display:flex}.draw-curve-field label{color:var(--draw-text-secondary);min-width:48px;font-size:12px}.draw-curve-range{appearance:none;background:var(--draw-grid-color);border-radius:2px;outline:none;flex:1;height:4px}.draw-curve-range::-webkit-slider-thumb{appearance:none;background:var(--draw-gray-900);border:2px solid var(--draw-gray-50);width:14px;height:14px;box-shadow:0 1px 3px var(--draw-ink-20);border-radius:50%}.draw-curve-range::-moz-range-thumb{background:var(--draw-gray-900);border:2px solid var(--draw-gray-50);width:14px;height:14px;box-shadow:0 1px 3px var(--draw-ink-20);border-radius:50%}.draw-curve-value{color:var(--draw-gray-900);text-align:right;min-width:24px;font-size:12px;font-weight:500}.draw-dice{transform:scale(1.2)}@keyframes diceRoll{0%{transform:rotate(0)scale(1.2)}to{transform:rotate(180deg)scale(1.2)}}.draw-dice-rolling{animation:diceRoll .21s}.draw-color-btn--dice{background-color:#0000;border-radius:0 8px 8px 0;transition:background-color .2s;overflow:visible}.draw-color-btn--dice:hover{background-color:var(--draw-hover-bg)}.draw-color-btn--dice:active>*{transition:transform .1s;transform:scale(.95)}.toolbar-dice-cube-container{width:var(--draw-icon-size);height:var(--draw-icon-size);perspective:150px;margin-left:-.5px;overflow:hidden}.toolbar-dice-cube{width:100%;height:100%;transform-style:preserve-3d;transform:var(--final-rotation,rotateX(0deg)rotateY(0deg));transition:transform .3s ease-out;position:relative}.toolbar-dice-face{width:var(--draw-icon-size);height:var(--draw-icon-size);backface-visibility:visible;background:var(--draw-gray-50);border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute}.toolbar-dice-face img{min-width:32px;min-height:32px}.toolbar-dice-front{transform:translateZ(16px)}.toolbar-dice-back{transform:rotateY(180deg)translateZ(16px)}.toolbar-dice-right{transform:rotateY(90deg)translateZ(16px)}.toolbar-dice-left{transform:rotateY(-90deg)translateZ(16px)}.toolbar-dice-top{transform:rotateX(90deg)translateZ(16px)}.toolbar-dice-bottom{transform:rotateX(-90deg)translateZ(16px)}.toolbar-dice-cube-rolling{animation:toolbarDiceCubeRoll var(--cube-duration,.45s)var(--cube-easing,cubic-bezier(.34,1.56,.64,1))}@keyframes toolbarDiceCubeRoll{0%{transform:rotateX(0)rotateY(0)rotate(0)}20%{transform:rotateX(calc(var(--spin-x,1turn)*.15))rotateY(calc(var(--spin-y,252deg)*.12))rotate(30deg)}40%{transform:rotateX(calc(var(--spin-x,1turn)*.35))rotateY(calc(var(--spin-y,252deg)*.35))rotate(-20deg)}60%{transform:rotateX(calc(var(--spin-x,1turn)*.6))rotateY(calc(var(--spin-y,252deg)*.6))rotate(40deg)}80%{transform:rotateX(calc(var(--spin-x,1turn)*.85))rotateY(calc(var(--spin-y,252deg)*.8))rotate(-10deg)}to{transform:var(--final-rotation,rotateX(0deg)rotateY(0deg))}}.draw-animation-picker{background:var(--draw-ink-85);-webkit-backdrop-filter:blur(16px);border:1px solid var(--draw-surface-10);z-index:60;border-radius:10px;flex-direction:column;gap:2px;min-width:120px;margin-bottom:8px;padding:6px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.draw-animation-option{color:var(--draw-surface-70);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:all .15s;display:flex}.draw-animation-option:hover{background:var(--draw-surface-10);color:var(--draw-gray-50)}.draw-animation-option--active{background:var(--draw-surface-15);color:var(--draw-gray-50)}.draw-animation-icon{font-size:14px}.draw-animation-label{font-weight:500}@keyframes reelSlide{0%{transform:translateY(-3rem)}to{transform:translateY(-1.5rem)}}.draw-reel-slide{--slide-duration:.3s;--slide-easing:cubic-bezier(.33,1,.68,1);animation:reelSlide var(--slide-duration)var(--slide-easing)forwards;transform:translateY(-3rem)}@keyframes reelSlideBounce{0%{transform:translateY(-3rem)}to{transform:translateY(-1.5rem)}}.draw-reel-slide-bounce{animation:reelSlideBounce var(--slide-duration,.5s)cubic-bezier(.34,1.9,.64,1)forwards}@keyframes reelSlot{0%{transform:translateY(0)}18%{transform:translateY(calc(1.5rem - 100%))}22%{transform:translateY(0)}40%{transform:translateY(calc(1.5rem - 100%))}44%{transform:translateY(-40%)}62%{transform:translateY(calc(1.5rem - 100%))}68%{transform:translateY(-70%)}85%{transform:translateY(calc(1.5rem - 100% - 4px))}to{transform:translateY(calc(1.5rem - 100%))}}.draw-reel-slot{animation:reelSlot .75s forwards}@keyframes reelSlotSpin{0%{transform:translateY(0)}5%{transform:translateY(calc(-5%*var(--slot-acceleration,1)))}10%{transform:translateY(calc(-10%*var(--slot-acceleration,1)))}20%{transform:translateY(-20%)}30%{transform:translateY(-30%)}40%{transform:translateY(-45%)}50%{transform:translateY(-60%)}60%{transform:translateY(-72%)}70%{transform:translateY(-82%)}80%{transform:translateY(-90%)}88%{transform:translateY(calc(-100% + var(--draw-icon-size) + 8px))}93%{transform:translateY(calc(-100% + var(--draw-icon-size) - var(--slot-overshoot,5px)))scaleY(.95)}97%{transform:translateY(calc(-100% + var(--draw-icon-size) + calc(var(--slot-overshoot,5px)*.4)))scaleY(1.02)}to{transform:translateY(calc(-100% + var(--draw-icon-size)))scaleY(1)}}@keyframes reelSlotSpin0{0%{transform:translateY(0)}5%{transform:translateY(calc(-5%*var(--slot-acceleration,1)))}15%{transform:translateY(-15%)}30%{transform:translateY(-35%)}50%{transform:translateY(-60%)}70%{transform:translateY(-82%)}85%{transform:translateY(-95%)}to{transform:translateY(calc(-100% + var(--draw-icon-size)))}}@keyframes reelSlotSpin1{0%{transform:translateY(0)}5%{transform:translateY(calc(-5%*var(--slot-acceleration,1)))}15%{transform:translateY(-15%)}30%{transform:translateY(-35%)}50%{transform:translateY(-60%)}70%{transform:translateY(-82%)}85%{transform:translateY(-95%)}94%{transform:translateY(calc(-100% + var(--draw-icon-size) - var(--slot-overshoot,5px)))scaleY(.97)}to{transform:translateY(calc(-100% + var(--draw-icon-size)))scaleY(1)}}@keyframes reelSlotSpin2{0%{transform:translateY(0)}5%{transform:translateY(calc(-5%*var(--slot-acceleration,1)))}15%{transform:translateY(-15%)}30%{transform:translateY(-35%)}50%{transform:translateY(-60%)}70%{transform:translateY(-82%)}82%{transform:translateY(-92%)}90%{transform:translateY(calc(-100% + var(--draw-icon-size) - var(--slot-overshoot,5px)))scaleY(.95)}96%{transform:translateY(calc(-100% + var(--draw-icon-size) + calc(var(--slot-overshoot,5px)*.4)))scaleY(1.02)}to{transform:translateY(calc(-100% + var(--draw-icon-size)))scaleY(1)}}@keyframes reelSlotSpin3{0%{transform:translateY(0)}5%{transform:translateY(calc(-5%*var(--slot-acceleration,1)))}15%{transform:translateY(-15%)}30%{transform:translateY(-35%)}50%{transform:translateY(-60%)}68%{transform:translateY(-80%)}78%{transform:translateY(-90%)}86%{transform:translateY(calc(-100% + var(--draw-icon-size) - var(--slot-overshoot,5px)))scaleY(.94)}91%{transform:translateY(calc(-100% + var(--draw-icon-size) + calc(var(--slot-overshoot,5px)*.5)))scaleY(1.03)}96%{transform:translateY(calc(-100% + var(--draw-icon-size) - calc(var(--slot-overshoot,5px)*.25)))scaleY(.99)}to{transform:translateY(calc(-100% + var(--draw-icon-size)))scaleY(1)}}@keyframes reelSlotSpin4{0%{transform:translateY(0)}5%{transform:translateY(calc(-5%*var(--slot-acceleration,1)))}15%{transform:translateY(-15%)}30%{transform:translateY(-35%)}48%{transform:translateY(-58%)}65%{transform:translateY(-78%)}75%{transform:translateY(-88%)}82%{transform:translateY(calc(-100% + var(--draw-icon-size) - var(--slot-overshoot,5px)))scaleY(.93)}87%{transform:translateY(calc(-100% + var(--draw-icon-size) + calc(var(--slot-overshoot,5px)*.6)))scaleY(1.04)}92%{transform:translateY(calc(-100% + var(--draw-icon-size) - calc(var(--slot-overshoot,5px)*.35)))scaleY(.98)}96%{transform:translateY(calc(-100% + var(--draw-icon-size) + calc(var(--slot-overshoot,5px)*.15)))scaleY(1.01)}to{transform:translateY(calc(-100% + var(--draw-icon-size)))scaleY(1)}}.draw-reel-slot-spin{animation:reelSlotSpin var(--reel-duration,.8s)var(--slot-easing,linear)forwards;transform:translateY(0)!important}.draw-reel-slot-spin[data-slot-settle="0"]{animation-name:reelSlotSpin0}.draw-reel-slot-spin[data-slot-settle="1"]{animation-name:reelSlotSpin1}.draw-reel-slot-spin[data-slot-settle="2"]{animation-name:reelSlotSpin2}.draw-reel-slot-spin[data-slot-settle="3"]{animation-name:reelSlotSpin3}.draw-reel-slot-spin[data-slot-settle="4"]{animation-name:reelSlotSpin4}@keyframes reelChaos{0%{transform:translateY(0)scale(1)}10%{transform:translateY(-20%)scale(.95)rotate(-2deg)}20%{transform:translateY(-45%)scale(1.05)rotate(3deg)}30%{transform:translateY(-25%)scale(.95)rotate(-4deg)}40%{transform:translateY(-70%)scale(1.1)rotate(2deg)}50%{transform:translateY(-40%)scale(.95)rotate(-3deg)}60%{transform:translateY(-85%)scale(1.05)rotate(4deg)}70%{transform:translateY(-60%)scale(.95)rotate(-2deg)}80%{transform:translateY(-95%)scale(1.02)rotate(1deg)}90%{transform:translateY(calc(1.5rem - 100% - 3px))scale(1)rotate(-1deg)}to{transform:translateY(calc(1.5rem - 100%))scale(1)rotate(0)}}.draw-reel-chaos{animation:reelChaos var(--reel-duration,.6s)easeforwards}@keyframes reelGlitch{0%,5%{opacity:1;transform:translateY(0)}6%{opacity:.5;transform:translateY(-15%)}10%{opacity:1;transform:translateY(-15%)}11%{opacity:.3;transform:translateY(-30%)}15%{opacity:1;transform:translateY(-30%)}16%{opacity:.7;transform:translateY(-20%)}25%{opacity:1;transform:translateY(-45%)}26%{opacity:.4;transform:translateY(-50%)}35%{opacity:1;transform:translateY(-50%)}40%{opacity:.6;transform:translateY(-65%)}50%{opacity:1;transform:translateY(-65%)}55%{opacity:.5;transform:translateY(-75%)}65%{opacity:1;transform:translateY(-80%)}70%{opacity:.4;transform:translateY(-85%)}80%{opacity:1;transform:translateY(-90%)}85%{opacity:.7;transform:translateY(-95%)}95%{opacity:.8;transform:translateY(calc(1.5rem - 100%))}to{opacity:1;transform:translateY(calc(1.5rem - 100%))}}.draw-reel-glitch{animation:reelGlitch var(--reel-duration,.4s)step-endforwards}@keyframes reelTumble{0%{transform:translateY(0)perspective(100px)rotateX(0)}25%{transform:translateY(-30%)perspective(100px)rotateX(90deg)}50%{transform:translateY(-60%)perspective(100px)rotateX(180deg)}75%{transform:translateY(-85%)perspective(100px)rotateX(270deg)}to{transform:translateY(calc(1.5rem - 100%))perspective(100px)rotateX(1turn)}}.draw-reel-tumble{animation:reelTumble var(--reel-duration,.5s)easeforwards;transform-style:preserve-3d}@keyframes reelScatter{0%{opacity:1;transform:translateY(0)scale(1)}20%{transform:translateY(-20%)scale(.3)translateX(var(--scatter-x,10px));opacity:.5}40%{opacity:.3;transform:translateY(-50%)scale(.2)}60%{transform:translateY(-75%)scale(.4)translateX(calc(var(--scatter-x,10px)*-1));opacity:.6}80%{opacity:.9;transform:translateY(-90%)scale(.8)}to{opacity:1;transform:translateY(calc(1.5rem - 100%))scale(1)}}.draw-reel-scatter{animation:reelScatter var(--reel-duration,.5s)cubic-bezier(.34,1.56,.64,1)forwards}@keyframes reelSpin{0%{transform:translateY(0)rotate(0)}to{transform:translateY(calc(1.5rem - 100%))rotate(2turn)}}.draw-reel-spin{animation:reelSpin var(--reel-duration,.6s)cubic-bezier(.25,.1,.68,1)forwards}@keyframes reelBounce{0%{transform:translateY(0)}20%{transform:translateY(calc(-35%*var(--bounce-intensity,1)))}35%{transform:translateY(calc(-25%*var(--bounce-intensity,1)))}50%{transform:translateY(calc(-65%*var(--bounce-intensity,1)))}65%{transform:translateY(calc(-55%*var(--bounce-intensity,1)))}80%{transform:translateY(-90%)}90%{transform:translateY(calc(-100% + 1.5rem + var(--bounce-overshoot,4px)))}to{transform:translateY(calc(1.5rem - 100%))}}@keyframes reelBounce0{0%{transform:translateY(0)}to{transform:translateY(calc(1.5rem - 100%))}}@keyframes reelBounce1{0%{transform:translateY(0)}85%{transform:translateY(-98%)}94%{transform:translateY(calc(-100% + 1.5rem + var(--bounce-overshoot,3px)))}to{transform:translateY(calc(1.5rem - 100%))}}@keyframes reelBounce2{0%{transform:translateY(0)}50%{transform:translateY(calc(-60%*var(--bounce-intensity,1)))}65%{transform:translateY(calc(-50%*var(--bounce-intensity,1)))}80%{transform:translateY(-95%)}90%{transform:translateY(calc(-100% + 1.5rem + var(--bounce-overshoot,5px)))}to{transform:translateY(calc(1.5rem - 100%))}}@keyframes reelBounce3{0%{transform:translateY(0)}20%{transform:translateY(calc(-35%*var(--bounce-intensity,1)))}35%{transform:translateY(calc(-25%*var(--bounce-intensity,1)))}50%{transform:translateY(calc(-65%*var(--bounce-intensity,1)))}65%{transform:translateY(calc(-55%*var(--bounce-intensity,1)))}80%{transform:translateY(-90%)}90%{transform:translateY(calc(-100% + 1.5rem + var(--bounce-overshoot,4px)))}to{transform:translateY(calc(1.5rem - 100%))}}@keyframes reelBounce4{0%{transform:translateY(0)}15%{transform:translateY(calc(-25%*var(--bounce-intensity,1)))}25%{transform:translateY(calc(-18%*var(--bounce-intensity,1)))}35%{transform:translateY(calc(-50%*var(--bounce-intensity,1)))}45%{transform:translateY(calc(-42%*var(--bounce-intensity,1)))}55%{transform:translateY(calc(-70%*var(--bounce-intensity,1)))}65%{transform:translateY(calc(-62%*var(--bounce-intensity,1)))}80%{transform:translateY(-92%)}90%{transform:translateY(calc(-100% + 1.5rem + var(--bounce-overshoot,3px)))}to{transform:translateY(calc(1.5rem - 100%))}}@keyframes reelBounce5{0%{transform:translateY(0)}12%{transform:translateY(calc(-20%*var(--bounce-intensity,1)))}20%{transform:translateY(calc(-14%*var(--bounce-intensity,1)))}28%{transform:translateY(calc(-38%*var(--bounce-intensity,1)))}36%{transform:translateY(calc(-32%*var(--bounce-intensity,1)))}44%{transform:translateY(calc(-55%*var(--bounce-intensity,1)))}52%{transform:translateY(calc(-48%*var(--bounce-intensity,1)))}60%{transform:translateY(calc(-72%*var(--bounce-intensity,1)))}68%{transform:translateY(calc(-65%*var(--bounce-intensity,1)))}80%{transform:translateY(-94%)}90%{transform:translateY(calc(-100% + 1.5rem + var(--bounce-overshoot,2px)))}to{transform:translateY(calc(1.5rem - 100%))}}@keyframes reelBounce6{0%{transform:translateY(0)}10%{transform:translateY(calc(-16%*var(--bounce-intensity,1)))}16%{transform:translateY(calc(-12%*var(--bounce-intensity,1)))}22%{transform:translateY(calc(-30%*var(--bounce-intensity,1)))}28%{transform:translateY(calc(-26%*var(--bounce-intensity,1)))}34%{transform:translateY(calc(-44%*var(--bounce-intensity,1)))}40%{transform:translateY(calc(-39%*var(--bounce-intensity,1)))}46%{transform:translateY(calc(-56%*var(--bounce-intensity,1)))}52%{transform:translateY(calc(-51%*var(--bounce-intensity,1)))}58%{transform:translateY(calc(-68%*var(--bounce-intensity,1)))}64%{transform:translateY(calc(-63%*var(--bounce-intensity,1)))}75%{transform:translateY(-90%)}85%{transform:translateY(calc(-100% + 1.5rem + var(--bounce-overshoot,2px)))}to{transform:translateY(calc(1.5rem - 100%))}}.draw-reel-bounce{animation:reelBounce var(--reel-duration,.6s)var(--bounce-easing,ease)forwards;--bounce-overshoot:calc(4px*var(--bounce-intensity,1))}.draw-reel-bounce[data-bounce-count="0"]{animation-name:reelBounce0}.draw-reel-bounce[data-bounce-count="1"]{animation-name:reelBounce1}.draw-reel-bounce[data-bounce-count="2"]{animation-name:reelBounce2}.draw-reel-bounce[data-bounce-count="3"]{animation-name:reelBounce3}.draw-reel-bounce[data-bounce-count="4"]{animation-name:reelBounce4}.draw-reel-bounce[data-bounce-count="5"]{animation-name:reelBounce5}.draw-reel-bounce[data-bounce-count="6"]{animation-name:reelBounce6}@keyframes reelModuloLoop{0%{transform:translateY(0)}70%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) + calc(20px*var(--modulo-speed,1.5))))}85%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) - calc(6px*var(--modulo-speed,1.5))))}92%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) + calc(3px*var(--modulo-speed,1.5))))}97%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) - 1px))}to{transform:translateY(calc(-100% + (3*100%/var(--reel-items))))}}.draw-reel-modulo{animation:reelModuloLoop var(--reel-duration,1s)cubic-bezier(.2,0,.2,1)forwards}@keyframes reelThreePhase{0%{animation-timing-function:cubic-bezier(.4,0,1,1);transform:translateY(0)}20%{transform:translateY(calc(-25%*var(--phase-max-speed,2)));animation-timing-function:linear}70%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) + calc(12px*var(--phase-max-speed,2))));animation-timing-function:cubic-bezier(0,0,.2,1)}82%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) - calc(8px*var(--phase-max-speed,2))))}90%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) + calc(4px*var(--phase-max-speed,2))))}96%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) - calc(1.5px*var(--phase-max-speed,2))))}to{transform:translateY(calc(-100% + (3*100%/var(--reel-items))))}}.draw-reel-threephase{animation:reelThreePhase var(--reel-duration,.9s)linear forwards}@keyframes reelSpring{0%{transform:translateY(0)}45%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) - calc(4px*var(--spring-stiffness,300)/100)))}58%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) + calc(3px*var(--spring-stiffness,300)/100*(1 - var(--spring-damping,25)/100))))}70%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) - calc(2px*var(--spring-stiffness,300)/100*(1 - var(--spring-damping,25)/50))))}82%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) + calc(1.2px*var(--spring-stiffness,300)/100*(1 - var(--spring-damping,25)/35))))}92%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) - calc(.5px*var(--spring-stiffness,300)/100)))}to{transform:translateY(calc(-100% + (3*100%/var(--reel-items))))}}.draw-reel-spring{animation:reelSpring var(--reel-duration,.7s)cubic-bezier(.2,0,.2,1)forwards}@keyframes reelSpringAccum{0%{transform:translateY(0)}8%{transform:translateY(var(--spring-wind-up,0))}35%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) - var(--spring-b1,0px)))}50%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) + var(--spring-b2,0px)))}65%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) - var(--spring-b3,0px)))}78%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) - var(--spring-b4,0px)))}88%{transform:translateY(calc(-100% + (3*100%/var(--reel-items)) + var(--spring-b5,0px)))}to{transform:translateY(calc(-100% + (3*100%/var(--reel-items))))}}@keyframes pencilTipSpin{0%{fill:var(--tip-c0)}16%{fill:var(--tip-c1)}33%{fill:var(--tip-c2)}50%{fill:var(--tip-c3)}66%{fill:var(--tip-c4)}83%{fill:var(--tip-c5)}to{fill:var(--tip-c0)}}@keyframes reelRandom{0%{transform:translateY(0)}60%{transform:translateY(calc(-100% + (100%/var(--reel-items)) + 8px))}80%{transform:translateY(calc(-100% + (100%/var(--reel-items)) - 4px))}90%{transform:translateY(calc(-100% + (100%/var(--reel-items)) + 2px))}to{transform:translateY(calc(-100% + (100%/var(--reel-items))))}}.draw-reel-random{animation:reelRandom var(--random-duration,.6s)cubic-bezier(.34,1.2,.64,1)forwards}@keyframes reelStepped{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + (100%/var(--reel-items))))}}.draw-reel-stepped{animation:reelStepped var(--reel-duration,.8s)steps(var(--stepped-fps,12))forwards}@keyframes reelBlur{0%{filter:blur();opacity:1;transform:translateY(0)}10%{filter:blur(var(--blur-amount,4px));opacity:var(--blur-opacity-min,.6)}70%{transform:translateY(calc(-100% + (100%/var(--reel-items)) + 10px));filter:blur(calc(var(--blur-amount,4px)*.5));opacity:calc(var(--blur-opacity-min,.6) + .2)}85%{filter:blur(1px);opacity:.9}92%{transform:translateY(calc(-100% + (100%/var(--reel-items)) - 3px));filter:blur();opacity:1}97%{transform:translateY(calc(-100% + (100%/var(--reel-items)) + 1px))}to{transform:translateY(calc(-100% + (100%/var(--reel-items))));filter:blur();opacity:1}}.draw-reel-blur{animation:reelBlur var(--reel-duration,.7s)cubic-bezier(.2,0,.2,1)forwards;will-change:transform,filter,opacity}@keyframes confettiBurst{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(calc(cos(var(--angle))*var(--velocity)*30px),calc(sin(var(--angle))*var(--velocity)*30px - 40px))rotate(var(--spin))scale(.5)}}.draw-confetti-particle{pointer-events:none;border-radius:2px;width:6px;height:6px;animation:confettiBurst .6s cubic-bezier(.25,.46,.45,.94) forwards;position:absolute;top:50%;left:50%}@keyframes colorConfettiPop{0%{opacity:1;transform:scale(1)}30%{opacity:.7;transform:scale(.6)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.draw-color-anim-confetti{animation:colorConfettiPop .5s cubic-bezier(.34,1.56,.64,1) forwards}.draw-palette-confetti{overflow:visible}@keyframes chaosShake{0%,to{transform:translate(0)rotate(0)scale(1)}10%{transform:translate(-3px,2px)rotate(-8deg)scale(.95)}20%{transform:translate(4px,-3px)rotate(12deg)scale(1.1)}30%{transform:translate(-2px,4px)rotate(-5deg)scale(.95)}40%{transform:translate(3px,-2px)rotate(10deg)scale(1.05)}50%{transform:translate(-4px,-1px)rotate(-12deg)scale(.95)}60%{transform:translate(2px,3px)rotate(8deg)scale(1.1)}70%{transform:translate(-3px,-3px)rotate(-10deg)scale(.95)}80%{transform:translate(4px,1px)rotate(6deg)scale(1.05)}90%{transform:translate(-1px,-2px)rotate(-4deg)scale(1)}}.draw-color-chaos,.draw-palette-chaos .draw-color-btn{animation:chaosShake var(--chaos-duration,.6s)ease}.draw-palette-chaos .draw-color-btn{animation-delay:calc(var(--index,0)*30ms)}@keyframes glitchFlicker{0%,to{opacity:1;transform:translate(0)}5%{opacity:.8;transform:translate(-2px,1px)}10%{opacity:1;transform:translate(2px,-1px)}15%{opacity:.6;transform:translate(-1px,2px)}20%{opacity:1;transform:translate(1px,-2px)}25%{opacity:.9;transform:translate(-2px)}30%{opacity:.7;transform:translateY(2px)}35%{opacity:1;transform:translate(2px,1px)}40%{opacity:.8;transform:translate(-1px,-1px)}45%{opacity:.5;transform:translate(1px)}50%{opacity:1;transform:translate(0)}}.draw-color-glitch{animation:glitchFlicker var(--glitch-duration,.4s)steps(2)infinite}.draw-palette-glitch .draw-color-btn{animation:glitchFlicker var(--glitch-duration,.4s)steps(2);animation-delay:calc(var(--index,0)*20ms)}@keyframes tumbleFlip{0%{transform:perspective(200px)rotateX(0)rotateY(0)}25%{transform:perspective(200px)rotateX(180deg)rotateY(90deg)}50%{transform:perspective(200px)rotateX(1turn)rotateY(180deg)}75%{transform:perspective(200px)rotateX(540deg)rotateY(270deg)}to{transform:perspective(200px)rotateX(2turn)rotateY(1turn)}}.draw-color-tumble,.draw-palette-tumble .draw-color-btn{animation:tumbleFlip var(--tumble-duration,.5s)ease;transform-style:preserve-3d}.draw-palette-tumble .draw-color-btn{animation-delay:calc(var(--index,0)*40ms)}@keyframes scatterExplode{0%{opacity:1;transform:translate(0)scale(1)}30%{transform:translate(var(--scatter-x,0),var(--scatter-y,-20px))scale(.5);opacity:.5}60%{transform:translate(calc(var(--scatter-x,0)*.5),calc(var(--scatter-y,-20px)*.5))scale(.8);opacity:.8}to{opacity:1;transform:translate(0)scale(1)}}.draw-palette-scatter .draw-color-btn:first-child{--scatter-x:-15px;--scatter-y:-25px}.draw-palette-scatter .draw-color-btn:nth-child(2){--scatter-x:-5px;--scatter-y:-30px}.draw-palette-scatter .draw-color-btn:nth-child(3){--scatter-x:5px;--scatter-y:-28px}.draw-palette-scatter .draw-color-btn:nth-child(4){--scatter-x:15px;--scatter-y:-22px}.draw-palette-scatter .draw-color-btn:nth-child(5){--scatter-x:20px;--scatter-y:-18px}.draw-palette-scatter .draw-color-btn{animation:scatterExplode var(--scatter-duration,.5s)cubic-bezier(.34,1.56,.64,1)}@keyframes spinRoulette{0%{transform:rotate(0)}to{transform:rotate(2turn)}}.draw-palette-spin{animation:spinRoulette var(--spin-duration,.6s)cubic-bezier(.25,.1,.68,1);transform-origin:50%}@keyframes bounceEnergetic{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(-12px)scale(1.1)}30%{transform:translateY(0)scale(.95)}45%{transform:translateY(-8px)scale(1.05)}60%{transform:translateY(0)scale(.98)}75%{transform:translateY(-4px)scale(1.02)}90%{transform:translateY(0)scale(1)}}.draw-palette-bounce .draw-color-btn{animation:bounceEnergetic var(--bounce-duration,.6s)ease;animation-delay:calc(var(--index,0)*50ms)}.draw-palette-slide{overflow:hidden}@keyframes slotMachineSpin{0%{opacity:1;transform:translateY(0)scale(1)}10%{opacity:.7;transform:translateY(-8px)scale(.95)}20%{opacity:1;transform:translateY(4px)scale(1.1)}30%{opacity:.8;transform:translateY(-6px)scale(.95)}40%{opacity:1;transform:translateY(2px)scale(1.05)}50%{opacity:.9;transform:translateY(-4px)scale(.98)}60%{opacity:1;transform:translateY(1px)scale(1.02)}70%{opacity:.95;transform:translateY(-2px)scale(.99)}80%{opacity:1;transform:translateY(0)scale(1.01)}90%{opacity:1;transform:translateY(-1px)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}.draw-palette-slot .draw-color-btn{animation:slotMachineSpin var(--slot-duration,.6s)ease;animation-delay:calc(var(--index,0)*60ms)}.draw-color-palette>.draw-color-btn>.draw-color-reel{transition:filter .11s ease-out}.draw-color-palette>.draw-color-btn.draw-color-btn--pop>.draw-color-reel{filter:brightness(var(--click-brightness,.92))}.settings-screen{background:var(--draw-gray-50);width:400px;max-width:calc(100vw - 48px);animation:save-screen-in var(--modal-open-duration,.12s)var(--modal-open-easing,ease-out)var(--modal-open-delay,0s)forwards;border-radius:32px;position:relative;overflow:clip}.save-screen-overlay--closing .settings-screen{animation:save-screen-out var(--modal-close-duration,.2s)var(--modal-close-easing,cubic-bezier(.22,1,.36,1))forwards}.settings-screen-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.settings-screen-title{font-family:var(--draw-font);letter-spacing:.01em;color:var(--draw-gray-900);font-size:15px;font-weight:400;line-height:18px}.settings-screen-body{flex-direction:column;padding:0 20px 20px;display:flex}.settings-screen-row{border-bottom:1px solid rgba(var(--draw-ink-rgb),.06);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-screen-row:last-child{border-bottom:none;padding-bottom:0}.settings-screen-row--col{flex-direction:column;align-items:stretch;gap:6px}.settings-screen-row-header{justify-content:space-between;align-items:center;display:flex}.settings-screen-label{color:var(--draw-gray-900);font-size:14px;font-weight:400}.settings-screen-label,.settings-screen-value{font-family:var(--draw-font);letter-spacing:.01em}.settings-screen-value{color:var(--draw-loading-45);font-variant-numeric:tabular-nums;font-size:14px}.settings-screen-hint{font-family:var(--draw-font);color:var(--draw-text-secondary);letter-spacing:.01em;font-size:12px}.settings-screen-hint a{color:var(--draw-loading-45);text-underline-offset:2px;text-decoration:underline}.settings-screen-hint a:hover{color:var(--draw-gray-900)}.settings-screen-usage{font-family:var(--draw-font);color:var(--draw-text-secondary);font-variant-numeric:tabular-nums;letter-spacing:var(--draw-letter-spacing);align-items:baseline;gap:8px;font-size:12px;display:flex}.settings-screen-cost{color:var(--draw-text-primary);font-weight:400}.settings-screen-key-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.settings-screen-key-actions{gap:6px;display:flex}@media (max-width:564px){.settings-screen{width:100%;max-width:100%;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:0 0;border-radius:0;flex-direction:column;gap:6px;max-height:none;padding:16px;display:flex;overflow:visible}.settings-screen-body{flex:1;min-height:0;padding:16px 20px 20px;overflow-y:auto}.settings-screen-body,.settings-screen-header{background:var(--draw-gray-50);border-radius:32px}.settings-screen-header{padding:16px 20px}.settings-screen-label,.settings-screen-value{font-size:16px}}@keyframes wiggle{0%{transform:translate(0)rotate(0)}12.5%{transform:translate(calc(var(--wiggle-intensity,1)*.7px),calc(var(--wiggle-intensity,1)*-.5px))rotate(calc(var(--wiggle-intensity,1)*.15deg))}25%{transform:translate(calc(var(--wiggle-intensity,1)*1px),calc(var(--wiggle-intensity,1)*-1px))rotate(calc(var(--wiggle-intensity,1)*.3deg))}37.5%{transform:translate(calc(var(--wiggle-intensity,1)*.3px),calc(var(--wiggle-intensity,1)*.8px))rotate(calc(var(--wiggle-intensity,1)*.1deg))}50%{transform:translate(calc(var(--wiggle-intensity,1)*-1px),calc(var(--wiggle-intensity,1)*1px))rotate(calc(var(--wiggle-intensity,1)*-.25deg))}62.5%{transform:translate(calc(var(--wiggle-intensity,1)*-.6px),calc(var(--wiggle-intensity,1)*-.4px))rotate(calc(var(--wiggle-intensity,1)*-.15deg))}75%{transform:translate(calc(var(--wiggle-intensity,1)*1px),calc(var(--wiggle-intensity,1)*1px))rotate(calc(var(--wiggle-intensity,1)*.2deg))}87.5%{transform:translate(calc(var(--wiggle-intensity,1)*-.4px),calc(var(--wiggle-intensity,1)*.6px))rotate(calc(var(--wiggle-intensity,1)*-.1deg))}to{transform:translate(0)rotate(0)}}.draw-wiggle-css{animation:wiggle var(--wiggle-speed,.27s)ease-in-out infinite;will-change:transform}.draw-wiggle-css.paused{animation-play-state:paused}.draw-drawer-backdrop{z-index:39;position:fixed;inset:0}.draw-drawer-wrap{z-index:40;pointer-events:none;transform:translateY(calc(100% - var(--drawer-peek-height,44px)));transition:transform var(--drawer-close-duration,.3s)var(--drawer-close-easing,cubic-bezier(.22,1,.36,1));flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.draw-drawer-wrap--open{transition:transform var(--drawer-open-duration,.4s)var(--drawer-open-easing,cubic-bezier(.22,1,.36,1));transform:translateY(0)}.draw-drawer{background:linear-gradient(var(--draw-select-08),var(--draw-select-08)),#fff9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);touch-action:auto;pointer-events:auto;border-radius:8px 8px 0 0;width:100%;height:248px;padding:0 16px;position:relative;overflow:hidden}.draw-drawer,.draw-drawer-inner{flex-direction:column;display:flex}.draw-drawer-inner{height:100%}.draw-drawer-title{font-family:var(--draw-font);color:var(--draw-text-secondary);flex-shrink:0;padding:12px 0 6px;font-size:14px;font-weight:400}.draw-drawer-list-wrap{flex:1;min-height:0;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 12px);mask-image:linear-gradient(#0000,#000 12px)}.draw-drawer-list{scrollbar-width:none;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:min-content;align-content:start;gap:12px;padding-top:12px;padding-bottom:12px;display:grid;position:absolute;inset:0;overflow:hidden auto}.draw-drawer-list::-webkit-scrollbar{display:none}.draw-drawer-empty{font-family:var(--draw-font);color:var(--draw-text-secondary);text-align:center;padding:24px 16px;font-size:13px}.draw-drawer-item{cursor:pointer;border-radius:8px;flex-direction:column;transition:background-color .15s;display:flex;overflow:hidden}.draw-drawer-item:hover{background-color:var(--draw-hover-bg)}.draw-drawer-thumb{aspect-ratio:4/3;background-color:var(--draw-hover-05);border-radius:8px;width:100%;overflow:hidden}.draw-drawer-thumb img{object-fit:cover;width:100%;height:100%}.draw-drawer-meta{justify-content:space-between;align-items:center;padding:4px;display:flex}.draw-drawer-date{font-family:var(--draw-font);color:var(--draw-text-secondary);font-size:12px}.draw-drawer-delete{width:24px;height:24px;color:var(--draw-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:color .15s;display:flex}.draw-drawer-delete:hover{color:var(--draw-ink-80)}.draw-drawer-footer{flex-direction:column;flex-shrink:0;display:flex}.draw-drawer-footer-btn{border:none;border-top:1px solid var(--draw-select-08);width:100%;font-family:var(--draw-font);color:var(--draw-text-secondary);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:10px 8px 10px 4px;font-size:13px;display:flex}.draw-drawer-footer-chevron{opacity:0;transition:opacity .15s}.draw-drawer-footer-btn:hover .draw-drawer-footer-chevron{opacity:1}.draw-drawer-shimmer{background:linear-gradient(90deg,var(--draw-hover-05)25%,var(--draw-ink-10)50%,var(--draw-hover-05)75%);background-size:200% 100%;animation:drawer-shimmer 1.5s ease-in-out infinite}.draw-drawer-date-skel{border-radius:4px;width:48px;height:12px;display:block}@keyframes drawer-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.draw-floating-list-btn{pointer-events:auto;align-self:flex-end;margin-right:32px;background:linear-gradient(var(--draw-select-08),var(--draw-select-08)),#fff9!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-radius:8px 8px 0 0!important;position:relative!important}.draw-floating-list-btn svg{width:24px;height:24px}.draw-floating-list-btn:after{content:"";background:var(--draw-hover-05);opacity:0;pointer-events:none;border-radius:8px;transition:opacity .2s;position:absolute;inset:0}.draw-floating-list-btn:hover:after{opacity:1}.draw-modal-overlay{z-index:50;background:rgba(var(--draw-ink-rgb),var(--modal-open-overlay-bg-opacity,.08));-webkit-backdrop-filter:blur(var(--modal-open-overlay-blur,32px));backdrop-filter:blur(var(--modal-open-overlay-blur,32px));will-change:opacity;animation:draw-modal-overlay-in var(--modal-open-overlay-duration,.12s)var(--modal-open-overlay-easing,ease-out)forwards;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.draw-modal-overlay--closing{animation:draw-modal-overlay-out var(--modal-close-overlay-duration,80ms)var(--modal-close-overlay-easing,cubic-bezier(.4,0,.2,1))forwards}.draw-modal{background:var(--draw-gray-50);width:100%;max-width:360px;font-family:var(--draw-font);animation:draw-modal-in var(--modal-open-duration,.12s)var(--modal-open-easing,ease-out)var(--modal-open-delay,0s)both;border-radius:12px;margin:0 16px;padding:16px;position:relative}.draw-modal-overlay--closing .draw-modal{animation:draw-modal-out var(--modal-close-duration,.2s)var(--modal-close-easing,cubic-bezier(.22,1,.36,1))forwards}@keyframes draw-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes draw-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes draw-modal-in{0%{opacity:var(--modal-open-opacity-from,0);transform:scale(var(--modal-open-scale-from,.98))translateY(var(--modal-open-ty-from,0))}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes draw-modal-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:var(--modal-close-opacity-to,0);transform:scale(var(--modal-close-scale-to,.97))translateY(var(--modal-close-ty-to,0))}}.draw-modal-desc{color:var(--draw-gray-900);margin-bottom:8px;font-size:14px;line-height:1.4}.draw-modal-label{color:var(--draw-loading-45);margin-bottom:6px;font-size:13px;font-weight:400;display:block}.draw-modal-input{width:100%;font-family:var(--draw-font);color:var(--draw-gray-900);background:var(--draw-hover-05);box-sizing:border-box;border-radius:8px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.draw-modal-input:focus{border-color:var(--draw-ink-35)}.draw-modal-input::placeholder{color:var(--draw-text-secondary)}.draw-modal-hint{color:var(--draw-text-secondary);margin-top:6px;font-size:12px}.draw-modal-hint a{color:var(--draw-ink-80);text-underline-offset:2px;text-decoration:underline}.draw-modal-success{color:#2d6a4f;margin-top:8px;font-size:12px}.draw-modal-error{color:#c53030;margin-top:8px;font-size:12px}.draw-modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.draw-modal-btn{font-family:var(--draw-font);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;padding:8px 16px;font-size:13px;transition:background-color .2s,color .2s}.draw-modal-btn:active:not(:disabled)>*{transition:transform .1s;transform:scale(.95)}.draw-modal-btn:disabled{opacity:.5;cursor:default}.draw-modal-btn--secondary{color:var(--draw-loading-45);background:0 0}.draw-modal-btn--secondary:hover:not(:disabled){background-color:var(--draw-hover-bg);color:var(--draw-gray-900)}.draw-modal-btn--primary{background-color:var(--draw-gray-900);color:var(--draw-gray-50)}.draw-modal-btn--primary:hover:not(:disabled){background-color:var(--draw-ink-80)}.draw-modal-btn--primary:active:not(:disabled){transition:transform .1s;transform:scale(.95)}.draw-modal-btn--danger{color:#c53030;background:0 0}.draw-modal-btn--danger:hover:not(:disabled){background-color:#c530300f}.draw-modal-btn--danger:active:not(:disabled){transition:transform .1s;transform:scale(.95)}.draw-modal-input-wrap{position:relative}.draw-modal-input-wrap .draw-modal-input{padding-right:52px}.draw-modal-input-action{font-family:var(--draw-font);color:var(--draw-text-secondary);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.draw-modal-input-action:hover{color:var(--draw-gray-900)}@media (max-width:564px){.draw-modal-desc{font-size:16px}.draw-modal-label{font-size:15px}.draw-modal-input{font-size:16px}.draw-modal-error,.draw-modal-hint,.draw-modal-success{font-size:14px}.draw-modal-btn{padding:10px 18px;font-size:15px}.draw-modal-input-action{font-size:14px}}.save-screen-overlay{z-index:50;background:rgba(var(--draw-ink-rgb),var(--modal-open-overlay-bg-opacity,.08));-webkit-backdrop-filter:blur(var(--modal-open-overlay-blur,32px));backdrop-filter:blur(var(--modal-open-overlay-blur,32px));animation:save-screen-overlay-in var(--modal-open-overlay-duration,.12s)var(--modal-open-overlay-easing,ease-out)forwards;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.save-screen-overlay--closing{animation:save-screen-overlay-out var(--modal-close-overlay-duration,80ms)var(--modal-close-overlay-easing,cubic-bezier(.4,0,.2,1))forwards}@keyframes save-screen-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes save-screen-overlay-out{0%{opacity:1}to{opacity:0}}.save-screen{background:var(--draw-gray-50);width:1080px;max-width:calc(100vw - 48px);height:664px;max-height:calc(100vh - 120px);animation:save-screen-in var(--modal-open-duration,.12s)var(--modal-open-easing,ease-out)var(--modal-open-delay,0s)forwards;border-radius:32px;position:relative;overflow:clip}.save-screen-overlay--closing .save-screen{animation:save-screen-out var(--modal-close-duration,.2s)var(--modal-close-easing,cubic-bezier(.22,1,.36,1))forwards}@keyframes save-screen-in{0%{opacity:var(--modal-open-opacity-from,0);transform:scale(var(--modal-open-scale-from,.98))translateY(var(--modal-open-ty-from,0))}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes save-screen-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:var(--modal-close-opacity-to,0);transform:scale(var(--modal-close-scale-to,.97))translateY(var(--modal-close-ty-to,0))}}.save-screen-header{z-index:2;justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.save-screen-title{align-items:center;gap:6px;display:flex}.save-screen-title-text{font-family:var(--draw-font);letter-spacing:.01em;color:var(--draw-gray-900);white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:15px;line-height:18px;overflow:hidden}.save-screen-close{background-color:var(--draw-surface-60);background-image:linear-gradient(rgba(var(--draw-ink-rgb),.08),rgba(var(--draw-ink-rgb),.08));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;width:32px;height:32px;color:var(--draw-loading-45);-webkit-tap-highlight-color:transparent;border:none;border-radius:100px;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.save-screen-close:hover{background-color:var(--draw-hover-bg)}.save-screen-close:active{transition:transform .1s;transform:scale(.95)}.save-screen-preview{justify-content:center;align-items:center;padding:48px;display:flex;position:absolute;inset:0;overflow:clip}.save-screen-preview-img{object-fit:contain;filter:url(#wobbleFilterBtn);max-width:100%;max-height:100%}.save-screen-actions{z-index:2;gap:6px;width:400px;padding:16px;display:flex;position:absolute;bottom:0;left:50%;translate:-50%}.save-screen-btn{background-color:var(--draw-surface-60);background-image:linear-gradient(rgba(var(--draw-ink-rgb),.08),rgba(var(--draw-ink-rgb),.08));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;height:64px;font-family:var(--draw-font);letter-spacing:.01em;color:var(--draw-loading-45);-webkit-tap-highlight-color:transparent;border:none;flex:1;align-items:center;gap:8px;padding:0 24px;font-size:16px;line-height:20px;transition:background-color .2s,color .2s;display:flex;overflow:clip}.save-screen-btn:active>*{transition:transform .1s;transform:scale(.95)}.save-screen-btn:hover{background-color:var(--draw-hover-bg)}.save-screen-btn svg{color:rgba(var(--draw-ink-rgb),.45);flex-shrink:0}.save-screen-btn--svg{border-radius:32px 8px 8px 32px}.save-screen-btn--png{border-radius:8px 32px 32px 8px}@media (max-width:564px){.save-screen-overlay{align-items:flex-end}.save-screen{width:100%;max-width:100%;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:0 0;border-radius:0;flex-direction:column;gap:6px;max-height:none;padding:16px;display:flex;position:relative;overflow:visible}.save-screen-preview{background:var(--draw-gray-50);border-radius:32px;flex:1;width:100%;min-height:0;padding:0;position:relative;inset:auto;overflow:clip}.save-screen-header{padding:16px;top:16px;left:16px;right:16px}.save-screen-actions{width:100%;padding:0;position:relative;bottom:auto;left:auto;translate:none}.save-screen-btn{background-color:var(--draw-surface-60);background-image:none;gap:10px;padding:0 20px;font-size:18px}.save-screen-btn:hover{background-image:linear-gradient(rgba(var(--draw-ink-rgb),.08),rgba(var(--draw-ink-rgb),.08))}.save-screen-title-text{font-size:17px}}.draw-guest-banner{z-index:5;cursor:pointer;background:url(/draw/landing/index_card.webp) 100% 0/cover no-repeat;width:360px;height:240px;transition:transform .25s;position:fixed;bottom:clamp(-80px,836px - 82.7vw,44px);right:clamp(-80px,27px - 10.5vw,-32px);overflow:hidden;transform:rotate(2deg);box-shadow:0 4px 12px #00000014,0 0 2px #0000000d}.draw-guest-banner:hover{transform:rotate(4deg)scale(1.01)}.draw-guest-banner-content{font-family:var(--font-caveat),cursive;color:#06427e;font-size:18px;line-height:1.15;position:absolute;top:24px;left:24px;right:clamp(56px,10.5vw - 3px,104px)}.draw-guest-banner p{margin:0}.draw-guest-banner p+p{margin-top:4px}.draw-guest-banner-budget{color:#6e6d65}.draw-guest-banner-link{font-family:inherit;font-size:inherit;color:#06427e;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.draw-guest-banner-link:hover{color:#004a94}@media (max-width:564px){.draw-guest-banner{background-position:top;border-radius:0;width:auto;height:264px;bottom:-132px;left:0;right:0;transform:rotate(-1deg)}.draw-guest-banner-content{text-align:left;top:16px;left:16px;right:16px}.mobile-toolbar{bottom:calc(132px + 12px + env(safe-area-inset-bottom,0px))}.mobile-color-panel{bottom:calc(132px + 72px + env(safe-area-inset-bottom,0px))}}