:root{font-synthesis:none;color:#30352e;--line:#dfe3d7;--muted:#858c7d;--accent:#536b40;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius:8px;background:#f6f7f2;font-family:Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}#__nuxt,body,html{width:100%;height:100%;margin:0;overflow:hidden}a,button,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg{flex-shrink:0;width:18px;height:18px}button{transition:background .12s,color .12s,border-color .12s}button:hover:not(:disabled){background-color:#e9eddf}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.editor{width:100%;height:100dvh;padding:env(safe-area-inset-top) max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));grid-template:"header header"64px"hash hash"64px"types controls"96px"types stage"minmax(0,1fr)/168px minmax(0,1fr);display:grid}.editor,.masthead{gap:var(--space-4)}.masthead{grid-area:header;justify-content:space-between;align-items:center;display:flex}h1{letter-spacing:-.8px;white-space:nowrap;margin:0;font-size:23px;font-weight:600}h1 span{color:var(--muted);margin-left:3px;font-weight:400}.header-actions,.history-actions{align-items:center;gap:var(--space-2);display:flex}.history-actions{padding-right:var(--space-2);border-right:1px solid var(--line);gap:0}.icon-button{border-radius:var(--radius);place-items:center;width:40px;height:40px;display:grid}.export-button,.new-button{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius);font-size:12px;font-weight:500;display:flex}.new-button{border:1px solid var(--line)}.export-button{color:#fff;background:#36432d}.export-button:hover:not(:disabled){background:#536b40}.types{flex-direction:column;grid-area:types;min-height:0;display:flex}.type-heading{height:36px;margin:0 0 var(--space-3);border-bottom:1px solid var(--line);color:var(--muted);flex-shrink:0;align-items:center;font-size:12px;font-weight:500;display:flex}.type-list{flex-direction:column}.type-button,.type-list{gap:var(--space-2);display:flex}.type-button{width:100%;min-height:64px;padding:var(--space-2) var(--space-3);text-align:left;border-radius:var(--radius);border:1px solid #0000;align-items:center;font-size:12px}.type-button .type-preview{flex-shrink:0;width:60px;height:40px}.type-button.selected{background:#fff;border-color:#cbd5bd}.selected-dot{background:0 0;border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-left:auto}.selected .selected-dot{background:var(--accent)}.controls-area{flex-direction:column;grid-area:controls;min-width:0;display:flex}.control-tabs{align-items:stretch;gap:var(--space-6);border-bottom:1px solid var(--line);flex-shrink:0;height:36px;display:flex}.control-tabs button{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:0;font-size:12px}.control-tabs button[aria-selected=true]{color:#405632;border-bottom-color:#829d65}.control-tabs button:hover{color:#405632;background:0 0}.tab-controls{gap:var(--space-6);min-height:0;padding-top:var(--space-3);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;display:grid}.shape-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.range-control{min-width:0}.range-control label{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-size:11px;font-weight:500;display:flex}.range-control output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.range-control input{appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;width:100%;height:28px;margin:0;display:block}.range-control input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#a5b48d,#e3e8d8);border-radius:4px;height:6px}.range-control input.spectrum::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ff5c57,#fbd456,#a0d765,#60d6ca,#669bdf,#b284df,#ff5c57)}.range-control input.grayscale::-webkit-slider-runnable-track{background:linear-gradient(90deg,#555,#eee)}.range-control input::-webkit-slider-thumb{-webkit-appearance:none;background:#62754f;border:3px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 0 0 1px #939c8570,0 1px 4px #0002}.range-control input::-moz-range-track{background:linear-gradient(90deg,#a5b48d,#e3e8d8);border-radius:4px;height:6px}.range-control input.spectrum::-moz-range-track{background:linear-gradient(90deg,#ff5c57,#fbd456,#a0d765,#60d6ca,#669bdf,#b284df,#ff5c57)}.range-control input.grayscale::-moz-range-track{background:linear-gradient(90deg,#555,#eee)}.range-control input::-moz-range-thumb{background:#62754f;border:3px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #939c8570}.range-control input:disabled{opacity:.3;cursor:default}#background::-webkit-slider-runnable-track{background:linear-gradient(90deg,#eee,#555)}#background::-moz-range-track{background:linear-gradient(90deg,#eee,#555)}.color-toggles,.toggle-button{gap:var(--space-2);display:flex}.toggle-button{height:36px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;font-size:11px}.toggle-button svg{width:16px;height:16px}.toggle-button.active{color:#496137;background:#e7eddc;border-color:#ccdabb}.hyper-button.active{color:#7f559d;background:#eee8f4;border-color:#d7c9e7}.point-heading{justify-content:space-between;align-items:center;gap:var(--space-1);height:20px;margin-bottom:3px;display:flex}.point-heading label{margin:0}.point-stepper{align-items:center;gap:var(--space-1);white-space:nowrap;display:flex}.point-stepper output{text-align:center;min-width:35px}.point-stepper output span{opacity:.55}.point-stepper button{border-radius:4px;width:24px;height:28px;font-size:21px;line-height:1}.texture-context{align-items:center;gap:var(--space-2);border-radius:var(--radius);height:36px;padding:0 var(--space-3);color:var(--muted);font-size:11px;display:flex}.texture-context svg{width:14px;height:14px}.stage{border:1px solid var(--line);isolation:isolate;border-radius:12px;grid-area:stage;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-tools{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);pointer-events:none;z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute}.canvas-tools>div{pointer-events:auto}.play-tools{gap:var(--space-2);display:flex}.stage-button{border:1px solid var(--line);border-radius:var(--radius);color:#616d56;background:#f7f7f1ed;place-items:center;width:36px;height:36px;display:grid}.stage-button svg{width:16px;height:16px}.backgrounds{border:1px solid var(--line);border-radius:var(--radius);background:#f7f7f1ed;align-items:center;padding:1px;display:flex}.backgrounds button{border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.backgrounds button span{border:1px solid #0002;border-radius:50%;width:16px;height:16px}.backgrounds button.chosen span{box-shadow:0 0 0 2px #f7f7f1,0 0 0 3px #899a79}.hash-section{--hash-font-size:clamp(13px, 1.6vw, 22px);--hash-line-height:32px;--hash-height:32px;--hash-padding:0;grid-area:hash;justify-content:center;align-items:center;min-width:0;display:flex}.hash-bar{align-items:center;gap:var(--space-3);width:calc(66ch + 76px);max-width:100%;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--hash-font-size);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) 36px;display:grid}.hash-bar.invalid{border-color:#c17566}.hash-action{color:#59694d;background:#f3f5ef;border:1px solid #e2e7da;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid}.hash-action:focus-visible{color:#405632;background:#e4ebdb;border-color:#9cab8d;outline:none}.hash-action svg{width:16px;height:16px}.artist-credit{padding-top:var(--space-4);color:var(--muted);align-self:flex-start;margin-top:auto;font-size:10px}.toast{color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius);pointer-events:none;opacity:0;z-index:10;text-align:center;background:#323e2ced;max-width:90vw;font-size:12px;transition:opacity .15s,transform .15s;position:fixed;bottom:32px;left:50%;transform:translate(-50%,8px)}.toast.visible{opacity:1;transform:translate(-50%)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=1100px){.editor{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));grid-template-columns:140px minmax(0,1fr)}.type-button{padding-left:var(--space-2);padding-right:var(--space-2)}.type-button .type-preview{width:52px}.tab-controls{gap:var(--space-4)}.toggle-button{padding:0 var(--space-2)}.toggle-button svg{display:none}}@media (height<=750px) and (width>=651px){.type-button{min-height:48px;padding-top:var(--space-1);padding-bottom:var(--space-1)}.type-button .type-preview{height:32px}.artist-credit{display:none}}@media (width<=479px),(width<=650px) and (height>=451px){.editor{padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:var(--space-2);grid-template:"header"48px"hash"72px"controls"120px"stage"minmax(0,1fr)"types"64px/minmax(0,1fr)}h1{letter-spacing:-.7px;font-size:18px}h1 span{margin-left:1px}.masthead{gap:var(--space-2)}.header-actions{gap:var(--space-1)}.history-actions{border:0;gap:0;padding:0}.icon-button{width:32px;height:36px}.export-button,.new-button{width:36px;height:36px;padding:0}.new-button{border:0}.export-button span,.new-button span{display:none}.header-actions svg{width:17px;height:17px}.hash-section{--hash-font-size:clamp(11.5px, 3.2vw, 16px);--hash-line-height:22px;--hash-height:44px}.hash-bar{gap:var(--space-2);padding:var(--space-2) 6px var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) 32px}.hash-action{width:32px;height:32px}.hash-action svg{width:15px;height:15px}.control-tabs{justify-content:space-between;gap:0;height:32px}.control-tabs button{min-width:56px;font-size:11px}.tab-controls{gap:var(--space-2) var(--space-4);padding-top:var(--space-2);grid-template-rows:1fr 32px;grid-template-columns:1fr 1fr}.range-control label,.range-control output{font-size:10px}.color-toggles{grid-column:1/-1;justify-content:center}.toggle-button{height:32px;padding:0 var(--space-3);font-size:10px}.toggle-button svg{width:14px;height:14px;display:block}.point-control{align-items:center;gap:var(--space-4);grid-column:1/-1;display:flex}.point-heading{min-width:120px;margin:0}.point-control input{flex:1;min-width:0}.texture-context,.view-play{grid-column:1/-1;justify-self:center}.types{padding:0}.artist-credit,.type-heading{display:none}.type-list{gap:var(--space-1);grid-template-columns:repeat(6,minmax(0,1fr));height:100%;display:grid}.type-button{justify-content:center;gap:var(--space-1);padding:var(--space-1) 0;flex-direction:column;min-height:0;font-size:10px}.type-button .type-preview{width:42px;height:28px}.selected-dot{display:none}.canvas-tools{bottom:var(--space-3);left:var(--space-3);right:var(--space-3)}.toast{bottom:100px}}@media (height<=650px) and (width<=479px),(height<=650px) and (width<=650px) and (height>=451px){.editor{grid-template-rows:44px 72px 108px minmax(0,1fr) 56px}.control-tabs{height:28px}.tab-controls{padding-top:var(--space-1);gap:var(--space-1) var(--space-4)}}@media (height<=450px) and (width>=480px),(height<=600px) and (width>=651px){.editor{gap:var(--space-2) var(--space-4);padding-bottom:max(8px,env(safe-area-inset-bottom));grid-template-rows:44px 56px 76px minmax(0,1fr)}.type-heading{height:28px;margin-bottom:var(--space-2)}.type-list{gap:var(--space-1)}.type-button{min-height:32px;padding-top:0;padding-bottom:0}.type-button .type-preview{height:24px}.control-tabs{height:28px}.tab-controls{padding-top:var(--space-2)}.canvas-tools{bottom:var(--space-2);left:var(--space-2);right:var(--space-2)}.hash-section{--hash-font-size:13px;--hash-line-height:24px;--hash-height:24px}.hash-bar{padding-top:var(--space-2);padding-bottom:var(--space-2)}.artist-credit{display:none}}@media (height<=450px) and (width>=480px) and (width<=650px){.editor{gap:var(--space-2);padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));grid-template-rows:36px 44px 76px minmax(0,1fr);grid-template-columns:104px minmax(0,1fr)}h1{letter-spacing:-.7px;font-size:18px}.header-actions{gap:var(--space-1)}.history-actions{border:0;padding:0}.icon-button{width:32px;height:32px}.export-button,.new-button{width:36px;height:32px;padding:0}.new-button{border:0}.export-button span,.new-button span{display:none}.hash-section{--hash-font-size:clamp(9.5px, 2vw, 13px)}.hash-bar{gap:var(--space-2);padding:var(--space-1) 6px var(--space-1) var(--space-3);grid-template-columns:minmax(0,1fr) 32px}.hash-action{width:32px;height:32px}.selected-dot,.type-heading{display:none}.type-button{font-size:11px}.type-button .type-preview{width:36px}.control-tabs{gap:var(--space-4)}.tab-controls{gap:var(--space-2)}.shape-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(120px,1.15fr)}.range-control label,.range-control output,.toggle-button{font-size:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.type-preview{pointer-events:none;flex-shrink:0;width:64px;height:40px;display:block}.squiggle-canvas[data-v-99120b60]{border-radius:inherit;isolation:isolate;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.squiggle-canvas__art[data-v-99120b60]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;width:100%;height:100%;display:block}.squiggle-canvas__art[data-v-99120b60]:focus-visible{outline:2px solid var(--accent,#5e6a57);outline-offset:-4px}.is-hovered .squiggle-canvas__art[data-v-99120b60]{cursor:ns-resize}.is-dragging .squiggle-canvas__art[data-v-99120b60]{cursor:grabbing}.squiggle-canvas__guides[data-v-99120b60]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.squiggle-canvas__guides circle[data-v-99120b60]{fill:#fff;fill-opacity:.82;stroke:#272725;stroke-width:1px;opacity:.65}.squiggle-canvas__guides circle.is-selected[data-v-99120b60]{opacity:1;stroke-width:1.5px}.squiggle-canvas__rail[data-v-99120b60]{fill:none;stroke:#272725;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.squiggle-canvas__rail-halo[data-v-99120b60]{stroke:#fff;stroke-width:3px}.squiggle-canvas__sr-only[data-v-99120b60]{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.hash-input[data-v-332cf7ca]{width:100%;min-width:0;height:var(--hash-height,42px);position:relative}#hash.hash-input__native[data-v-332cf7ca],.hash-input__overlay[data-v-332cf7ca]{box-sizing:border-box;width:100%;height:100%;padding:var(--hash-padding,10px 12px);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--hash-font-size,14px);font-weight:400;line-height:var(--hash-line-height,20px);letter-spacing:0;font-variant-ligatures:none;font-kerning:none;text-align:left;text-indent:0;color:var(--hash-color,#384630)}#hash.hash-input__native[data-v-332cf7ca]{resize:none;appearance:none;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;margin:0;display:block;overflow:hidden}#hash.hash-input__native.is-masked[data-v-332cf7ca]{color:#0000}#hash.hash-input__native[data-v-332cf7ca]:focus{color:var(--hash-color,#384630);outline:none}.hash-input__overlay[data-v-332cf7ca]{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:normal;word-break:normal;border:0;position:absolute;inset:0;overflow:hidden}.hash-input:focus-within .hash-input__overlay[data-v-332cf7ca]{visibility:hidden}.hash-input__slot[data-v-332cf7ca]{vertical-align:top;width:1ch;height:1lh;display:inline-block;position:relative;overflow:hidden}.hash-input__current[data-v-332cf7ca],.hash-input__previous[data-v-332cf7ca]{display:block}.hash-input__previous[data-v-332cf7ca]{position:absolute;inset:0}.is-rolling .hash-input__previous[data-v-332cf7ca]{animation:.21s cubic-bezier(.2,.7,.2,1) both hash-roll-out-332cf7ca}.is-rolling .hash-input__current[data-v-332cf7ca]{animation:.21s cubic-bezier(.2,.7,.2,1) both hash-roll-in-332cf7ca}@keyframes hash-roll-out-332cf7ca{0%{opacity:.55;transform:translateY(0)}to{opacity:0;transform:translateY(-.3em)}}@keyframes hash-roll-in-332cf7ca{0%{opacity:.7;transform:translateY(.3em)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#hash.hash-input__native.is-masked[data-v-332cf7ca]{color:var(--hash-color,#384630)}.hash-input__overlay[data-v-332cf7ca]{display:none}.is-rolling .hash-input__current[data-v-332cf7ca],.is-rolling .hash-input__previous[data-v-332cf7ca]{animation:none}}