/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.resize{resize:both}}.canvas-corner-character{z-index:5;pointer-events:none;object-fit:contain;width:clamp(90px,15%,150px);height:auto;display:block;position:absolute;bottom:1.5%;right:1.5%}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-playpen-sans),sans-serif}button,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.studio-shell{background:radial-gradient(circle at 12% 8%,#fffc,transparent 28%),var(--cream);min-height:100dvh;padding:24px clamp(20px,4vw,62px) 32px;overflow:visible}.topbar{grid-template-columns:1fr auto 1fr;align-items:start;height:64px;display:grid}.brand{width:max-content;color:var(--ink);letter-spacing:-2px;font-size:25px;font-weight:900;text-decoration:none;transform:rotate(-2deg)}.brand span{color:var(--coral);font-size:19px;display:inline-block;transform:rotate(12deg)}.topbar p{color:#777064;margin:6px 0 0;font-size:12px}.edition{letter-spacing:.12em;justify-self:end;margin-top:5px;font:700 11px monospace}.workspace{grid-template-columns:minmax(0,4fr) minmax(245px,1fr);height:calc(100dvh - 120px);min-height:570px;display:grid;position:relative}.workspace:after{content:"";pointer-events:none;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='800' viewBox='0 0 18 800'%3E%3Cpath d='M10 0 C5 65 14 120 8 190 C2 260 15 330 8 402 C3 475 15 540 7 615 C2 680 13 744 8 800' fill='none' stroke='%2325231f' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M13 1 C8 80 16 145 11 220 C7 330 16 395 10 500 C5 620 17 710 12 799' fill='none' stroke='%2325231f' stroke-width='.7' opacity='.45'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:17px;position:absolute;top:-5px;bottom:0;left:calc(80% - 8px)}.canvas-area{flex-direction:column;min-width:0;padding:0 clamp(30px,4vw,62px) 10px 0;display:flex}.canvas-heading{border:1.5px solid var(--ink);background:#fafafa;border-radius:5px 9px 6px 8px;align-items:center;gap:14px;width:max-content;max-width:100%;height:86px;margin-bottom:18px;padding:8px 14px;transition:background-color .16s,transform .16s;animation:9.6s linear infinite prompt-card-idle;display:flex;transform:rotate(-.15deg)}.canvas-heading:hover{background:#f5f5f5;transform:translateY(-1px)rotate(.1deg)}.canvas-heading:active{transform:translateY(1px)rotate(-.15deg)}.canvas-heading p{letter-spacing:.13em;color:#857d70;margin:0 0 4px;font:800 10px monospace}.canvas-heading h1{letter-spacing:-.07em;margin:0;font-size:clamp(21px,2.1vw,31px);font-weight:900}.prompt-star{color:var(--coral);font-size:29px;transform:rotate(12deg)}.tiny-note{color:#8a8173;margin-left:20px;font-size:10px;line-height:1.4;position:relative;transform:rotate(5deg)}.tiny-note:before{content:"⌁";color:var(--ink);font-size:23px;position:absolute;top:-3px;left:-23px}.paper-wrap{background:var(--paper);border-radius:3px 7px 4px 5px;flex:1;min-height:0;position:relative;transform:rotate(-.12deg);box-shadow:0 7px 25px #38302214}.paper-wrap:before{content:"";border:1.5px solid var(--ink);opacity:.75;pointer-events:none;border-radius:48% 52% 50% 50%/1% 1.4%;position:absolute;inset:-3px}canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.canvas-hint{color:#aca596;pointer-events:none;font-size:13px;position:absolute;top:20%;left:12%;transform:rotate(-7deg)}.canvas-hint i{margin-top:-6px;margin-left:45px;font-size:32px;font-style:normal;display:block}.side-panel{grid-template-rows:57% 43%;min-width:0;padding-left:clamp(25px,3vw,48px);display:grid}.tools-section{padding:30px 4px 20px;position:relative}.tools-section:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='14' viewBox='0 0 500 14'%3E%3Cpath d='M0 8 C75 2 130 12 205 7 C290 1 350 12 500 5' fill='none' stroke='%2325231f' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M1 11 C100 7 160 14 250 9 C370 3 420 10 500 8' fill='none' stroke='%2325231f' stroke-width='.7' opacity='.35'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:14px;position:absolute;bottom:0;left:-38px;right:0}.section-title{align-items:center;gap:6px;display:flex}.section-title h2,.line-title{letter-spacing:-.06em;margin:0;font-size:16px;font-weight:900}.scribble-arrow{font-size:28px;transform:rotate(13deg)}.palette{flex-wrap:wrap;gap:13px 16px;width:194px;padding:18px 0 24px;display:flex}.paint-dot{cursor:pointer;border:0;border-radius:49% 43% 51% 40%;width:34px;height:32px;transition:transform .18s;position:relative;box-shadow:inset 0 -2px #00000021}.paint-dot:before{content:"";border:1.5px solid #0000;border-radius:50% 46% 45% 52%;position:absolute;inset:-5px}.paint-dot:hover{transform:scale(1.1)rotate(-4deg)}.paint-dot.selected{transform:scale(1.08)rotate(4deg)}.paint-dot.selected:before{border-color:var(--ink)}.line-title{margin:2px 0 14px}.sizes{align-items:center;gap:9px;display:flex}.sizes button{cursor:pointer;background:0 0;border:1.3px solid #0000;border-radius:50%;place-items:center;width:52px;height:36px;display:grid}.sizes button.selected{border-color:var(--ink);transform:rotate(-5deg)}.sizes span{background:var(--ink);border-radius:99px;min-width:18px;max-width:34px;display:block}.eraser{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;margin-top:18px;padding:4px 5px;font-size:13px;font-weight:800;display:flex}.eraser.selected{color:var(--coral)}.eraser-icon{border:1.5px solid var(--ink);background:#f4a99b;border-radius:3px;width:24px;height:16px;display:inline-block;transform:rotate(-10deg)}.action-section{flex-direction:column;justify-content:flex-end;min-height:0;padding:12px 5px 6px;display:flex}.doodle-friend{transform-origin:bottom;height:140px;animation:3.4s ease-in-out infinite idle;position:relative}.thought{border:1.4px solid var(--ink);background:var(--paper);border-radius:52% 45% 50% 46%;padding:8px 12px;font-size:10px;font-weight:700;position:absolute;top:16px;left:2px;transform:rotate(-5deg)}.thought:after{content:"";border:1px solid var(--ink);background:var(--paper);border-radius:50%;width:5px;height:5px;position:absolute;bottom:0;right:-10px}.character{width:82px;height:107px;transition:transform .25s;position:absolute;bottom:7px;right:14%}.face{border:2px solid var(--ink);z-index:2;background:#f7be72;border-radius:47% 53% 46% 54%;width:65px;height:58px;position:absolute;top:9px;left:8px}.ear{border:2px solid var(--ink);z-index:1;background:#f7be72;border-radius:70% 20% 50% 25%;width:26px;height:30px;position:absolute;top:3px}.ear.left{left:6px;transform:rotate(-21deg)}.ear.right{right:5px;transform:scaleX(-1)rotate(-21deg)}.eye{background:var(--ink);border-radius:50%;width:4px;height:6px;transition:transform .2s;position:absolute;top:23px}.eye.left{left:19px}.eye.right{right:18px}.face em{border-bottom:1.5px solid var(--ink);border-radius:50%;width:10px;height:6px;position:absolute;top:35px;left:28px}.body{border:2px solid var(--ink);background:#71a7d1;border-radius:45% 52% 22% 22%;width:45px;height:39px;position:absolute;top:61px;left:19px}.arm{border:2px solid var(--ink);z-index:3;background:#f7be72;border-radius:99px;width:33px;height:10px;position:absolute;top:69px;right:7px;transform:rotate(20deg)}.pencil{background:var(--coral);border:1.3px solid var(--ink);z-index:4;width:35px;height:5px;position:absolute;top:74px;right:-1px;transform:rotate(61deg)}.ground-line{border-bottom:2px solid var(--ink);position:absolute;bottom:5px;left:22%;right:4%;transform:rotate(-1deg)}.watching .character{transform:rotate(-7deg)translate(-5px,3px)}.watching .eye{transform:translate(-2px,2px)}.celebrating .character{animation:.55s ease-in-out infinite alternate celebrate}.actions{gap:9px;display:flex}.actions button,.success button{border:1.7px solid var(--ink);cursor:pointer;border-radius:50% 47% 48% 45%/15% 18% 13% 16%;min-height:44px;font-size:13px;font-weight:900;transition:transform .15s,box-shadow .15s}.actions button:hover:not(:disabled),.success button:hover{box-shadow:2px 3px 0 var(--ink);transform:translateY(-2px)rotate(-1deg)}.actions button:disabled{opacity:.35;cursor:not-allowed}.clear{background:0 0;flex:.8}.submit{background:var(--coral);color:#fff;flex:1.35}.submit span{margin-left:7px}.success{text-align:center;gap:7px;padding:11px 0 0;font-size:13px;font-weight:900;display:grid}.success button{background:#f3bd3d;padding:0 15px}@keyframes idle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(.6deg)}}@keyframes celebrate{0%{transform:translateY(0)rotate(-5deg)}to{transform:translateY(-10px)rotate(6deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@keyframes prompt-card-idle{0%,16%,to{translate:0;rotate:0deg}19%{translate:1px -1px;rotate:.25deg}22%,47%{translate:0;rotate:0deg}50%{translate:-1px 1px;rotate:-.3deg}53%,78%{translate:0;rotate:0deg}81%{translate:2px;rotate:.2deg}84%{translate:0;rotate:0deg}}.workspace{grid-template-columns:minmax(0,1fr) clamp(300px,22vw,350px)}.workspace:after{left:auto;right:clamp(300px,22vw,350px)}.canvas-area{padding-right:clamp(16px,2vw,28px)}.side-panel{padding-left:clamp(24px,2.2vw,36px)}:root{--ink:#000;--paper:#fff;--cream:#fff;--coral:#000}html,body,.studio-shell{color:#000;background:#fff}.brand span,.prompt-star{color:#000}.eraser.selected{color:#000;text-underline-offset:4px;text-decoration:underline}.eraser-icon{background:#fff}.submit,.success button{color:#fff;background:#000}.action-note{margin:auto 0 26px;font-size:12px;font-weight:700;line-height:1.65;transform:rotate(-2deg)}.draw-machine{grid-template-rows:auto auto;grid-template-columns:72px 1fr;align-items:center;gap:8px 12px;display:grid}.draw-status{margin:0;font-size:11px;font-weight:800;line-height:1.35}.draw-ticket{background:#fff;border:1.7px solid #000;grid-row:1/3;place-items:center;width:72px;height:78px;display:grid;overflow:hidden;transform:rotate(-2deg)}.draw-ticket>span{font:900 34px monospace}.draw-button{color:#fff;letter-spacing:.05em;cursor:pointer;background:#000;border:1.7px solid #000;min-height:40px;font-size:11px;font-weight:900}.draw-button:disabled{cursor:wait}.draw-ticket.shuffling{animation:.12s linear infinite alternate ticket-shuffle}.mock-doodle{width:52px;height:52px;transform:rotate(var(--doodle-turn,0deg));position:relative}.mock-doodle i{background:#fff;border:2px solid #000;display:block;position:absolute}.mock-doodle.flower i:nth-child(-n+3){background:var(--doodle-a,#fff);border-radius:50%;width:22px;height:25px}.mock-doodle.flower i:first-child{top:0;left:15px}.mock-doodle.flower i:nth-child(2){top:14px;left:2px;transform:rotate(-30deg)}.mock-doodle.flower i:nth-child(3){top:14px;right:2px;transform:rotate(30deg)}.mock-doodle.flower i:nth-child(4){border:0;border-left:2px solid #000;width:2px;height:28px;top:25px;left:25px}.mock-doodle.cloud i:first-child{background:var(--doodle-a,#fff);border-radius:50%;inset:12px 0 8px}.mock-doodle.cloud i:nth-child(2){background:var(--doodle-a,#fff);border-radius:50%;width:23px;height:23px;top:5px;left:8px}.mock-doodle.cloud i:nth-child(3){background:var(--doodle-b,#fff);border-radius:50%;width:28px;height:28px;top:1px;right:5px}.mock-doodle.cloud i:nth-child(4){background:0 0;border:0;border-bottom:2px solid #000;height:8px;bottom:3px;left:7px;right:7px;transform:rotate(-4deg)}.mock-doodle.planet i:first-child{background:var(--doodle-a,#fff);border-radius:50%;inset:7px}.mock-doodle.planet i:nth-child(2){background:var(--doodle-b,#fff);border-radius:50%;height:11px;top:24px;left:0;right:0;transform:rotate(-17deg)}.mock-doodle.planet i:nth-child(3){background:#000;border-radius:50%;width:4px;height:4px;top:18px;left:22px}.mock-doodle.planet i:nth-child(4){background:#000;border-radius:50%;width:3px;height:3px;bottom:17px;right:16px}.mock-doodle.star i:first-child,.mock-doodle.star i:nth-child(2){background:var(--doodle-a,#fff);inset:9px;transform:rotate(45deg)}.mock-doodle.star i:nth-child(2){background:var(--doodle-b,#fff);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);transform:rotate(22.5deg)}.mock-doodle.star i:nth-child(n+3){display:none}.mock-doodle.face i:first-child{background:var(--doodle-a,#fff);border-radius:48% 52% 46% 54%;inset:3px}.mock-doodle.face i:nth-child(2),.mock-doodle.face i:nth-child(3){background:#000;border:0;border-radius:50%;width:5px;height:7px;top:19px}.mock-doodle.face i:nth-child(2){left:16px}.mock-doodle.face i:nth-child(3){right:15px}.mock-doodle.face i:nth-child(4){background:0 0;border:0;border-bottom:2px solid #000;border-radius:50%;width:17px;height:9px;top:31px;left:18px}.mock-doodle.cat i:first-child{background:var(--doodle-a,#fff);border-radius:48%;inset:9px 4px 3px}.mock-doodle.cat i:nth-child(2),.mock-doodle.cat i:nth-child(3){background:var(--doodle-b,#fff);clip-path:polygon(50% 0,100% 100%,0 100%);width:17px;height:19px;top:2px}.mock-doodle.cat i:nth-child(2){left:6px}.mock-doodle.cat i:nth-child(3){right:6px}.mock-doodle.cat i:nth-child(4){background:#000;border-radius:50%;width:7px;height:5px;top:27px;left:23px}.mock-doodle.fish i:first-child{background:var(--doodle-a,#fff);border-radius:50%;width:39px;height:28px;top:12px;left:7px}.mock-doodle.fish i:nth-child(2){background:var(--doodle-b,#fff);clip-path:polygon(0 0,100% 50%,0 100%);width:18px;height:22px;top:16px;left:0}.mock-doodle.fish i:nth-child(3){background:#000;border-radius:50%;width:5px;height:5px;top:19px;right:12px}.mock-doodle.fish i:nth-child(4){background:0 0;border-radius:50%;width:7px;height:7px;top:6px;right:1px}.mock-doodle.mushroom i:first-child{background:var(--doodle-a,#fff);border-radius:48% 52% 10% 10%;width:46px;height:27px;top:5px;left:3px}.mock-doodle.mushroom i:nth-child(2){background:var(--doodle-b,#fff);border-radius:3px 3px 8px 8px;width:17px;height:22px;top:29px;left:18px}.mock-doodle.mushroom i:nth-child(3),.mock-doodle.mushroom i:nth-child(4){background:#fff;border-radius:50%;width:6px;height:6px;top:13px}.mock-doodle.mushroom i:nth-child(3){left:14px}.mock-doodle.mushroom i:nth-child(4){right:13px}.mock-doodle.house i:first-child{background:var(--doodle-a,#fff);width:35px;height:29px;top:22px;left:9px}.mock-doodle.house i:nth-child(2){background:var(--doodle-b,#fff);clip-path:polygon(50% 0,100% 100%,0 100%);width:43px;height:27px;top:2px;left:5px}.mock-doodle.house i:nth-child(3){background:#fff;width:10px;height:19px;bottom:1px;left:22px}.mock-doodle.house i:nth-child(4){background:#fff;width:7px;height:7px;top:29px;right:12px}.mock-doodle.bird i:first-child{background:var(--doodle-a,#fff);border-radius:52% 48% 45% 55%;width:38px;height:29px;top:15px;left:7px}.mock-doodle.bird i:nth-child(2){background:var(--doodle-b,#fff);border-radius:50%;width:22px;height:16px;top:22px;left:16px;transform:rotate(-15deg)}.mock-doodle.bird i:nth-child(3){background:var(--doodle-b,#fff);clip-path:polygon(0 0,100% 50%,0 100%);width:12px;height:9px;top:24px;right:0}.mock-doodle.bird i:nth-child(4){background:#000;border-radius:50%;width:4px;height:4px;top:21px;right:13px}@keyframes ticket-shuffle{0%{transform:translate(-3px)rotate(-3deg)}to{transform:translate(3px)rotate(3deg)}}.enter-draw{color:#fff;letter-spacing:.05em;cursor:pointer;background:#000;border:1.7px solid #000;width:100%;min-height:48px;font-size:12px;font-weight:900}.enter-draw span{margin-left:8px}.ready-draw{--gacha-scale:1;gap:14px;width:100%;display:grid}.gacha-slot{place-items:center;height:174px;display:grid}.gacha-machine{width:130px;height:174px;transform:scale(var(--gacha-scale));transform-origin:50%;animation:3.2s ease-in-out infinite gacha-clunk;position:relative}.gacha-globe{background:#fff;border:3px solid #000;border-radius:47% 53% 42% 45%/52% 50% 38% 40%;width:90px;height:88px;position:absolute;top:0;left:20px;overflow:hidden}.gacha-globe:after{content:"";border-bottom:2px solid #000;position:absolute;bottom:10px;left:7px;right:7px;transform:rotate(-2deg)}.gacha-globe i{background:#fff;border:2px solid #000;border-radius:50%;width:22px;height:20px;position:absolute}.gacha-globe i:first-child{bottom:12px;left:10px;transform:rotate(-12deg)}.gacha-globe i:nth-child(2){bottom:7px;left:33px;transform:rotate(9deg)}.gacha-globe i:nth-child(3){bottom:15px;right:9px;transform:rotate(-5deg)}.gacha-globe i:nth-child(4){bottom:29px;left:25px;transform:rotate(15deg)}.gacha-body{background:#fff;border:3px solid #000;width:106px;height:82px;position:absolute;top:77px;left:12px;transform:rotate(.5deg)}.gacha-body:before{content:"";border:3px solid #000;border-radius:50%;width:35px;height:35px;position:absolute;top:12px;left:34px}.gacha-knob{transform-origin:50%;background:#000;border-radius:99px;width:27px;height:8px;position:absolute;top:23px;left:48px;transform:rotate(-18deg)}.gacha-body b{color:#fff;background:#000;border:2px solid #000;place-items:center;width:45px;height:22px;font:900 12px monospace;display:grid;position:absolute;bottom:7px;left:30px}.gacha-ground{border-bottom:2px solid #000;position:absolute;bottom:4px;left:2px;right:1px;transform:rotate(-1deg)}@keyframes gacha-clunk{0%,62%,to{transform:translate(0,0) rotate(0) scale(var(--gacha-scale))}66%{transform:translate(-5px,1px) rotate(-3deg) scale(var(--gacha-scale))}70%{transform:translate(5px,-2px) rotate(3deg) scale(var(--gacha-scale))}74%{transform:translate(-3px,1px) rotate(-2deg) scale(var(--gacha-scale))}78%{transform:translate(3px,0) rotate(1.5deg) scale(var(--gacha-scale))}82%{transform:translate(0,0) rotate(0) scale(var(--gacha-scale))}}.gacha-machine .gacha-knob{animation:3.2s ease-in-out infinite gacha-knob-turn}@keyframes gacha-knob-turn{0%,62%,to{transform:rotate(-18deg)}72%,78%{transform:rotate(155deg)}}.submission-flight{z-index:45;pointer-events:none;background:#ffffff42;position:fixed;inset:0;overflow:hidden}.submission-flight>p{letter-spacing:.08em;white-space:nowrap;background:#fff;border:1px solid #000;margin:0;padding:7px 10px;font:900 10px monospace;animation:1s both flight-label;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.flight-drawing{transform-origin:50%;background:#fff 50%/contain no-repeat;border:2px solid #000;animation:1s cubic-bezier(.7,0,.25,1) forwards drawing-to-capsule;position:fixed;box-shadow:7px 8px #000}.flight-capsule{filter:drop-shadow(4px 5px #000);width:76px;height:104px;animation:1s both flight-capsule-pop;position:fixed;transform:translate(-50%,-50%)rotate(-4deg)}.flight-capsule i{background:#fff;border:3px solid #000;width:76px;height:52px;position:absolute;left:0}.flight-capsule i:first-child{border-radius:42px 42px 5px 5px;top:0}.flight-capsule i:last-child{border-radius:5px 5px 42px 42px;bottom:0}.flight-capsule:after{content:"+";z-index:2;background:#fff;border:2px solid #000;border-radius:50%;place-items:center;width:28px;height:28px;font:900 17px monospace;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes drawing-to-capsule{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}58%{transform:translate(calc(var(--flight-x)*.82),calc(var(--flight-y)*.82)) scale(.16) rotate(-5deg);opacity:1}85%,to{transform:translate(var(--flight-x),var(--flight-y)) scale(.015) rotate(12deg);opacity:0}}@keyframes flight-capsule-pop{0%,35%{opacity:0;transform:translate(-50%,-50%)scale(.7)rotate(-4deg)}50%{opacity:1}78%{transform:translate(-50%,-50%)scale(1.08)rotate(4deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes flight-label{0%,20%{opacity:0;transform:translate(-50%,8px)}35%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-5px)}}.name-modal-backdrop{z-index:62;background:#ffffffe6;padding:20px}.draw-modal.name-modal{text-align:left;align-items:stretch;width:min(460px,100vw - 32px);min-height:0;padding:45px 44px 38px;box-shadow:9px 10px #000}.draw-modal.name-modal:before{inset:7px}.name-modal-close{z-index:2;cursor:pointer;background:0 0;border:0;font-size:29px;position:absolute;top:12px;right:17px}.name-modal>p{letter-spacing:.14em;margin:0 0 7px;font:800 9px monospace}.draw-modal.name-modal h2{letter-spacing:-.06em;margin:0 0 30px;font-size:34px}.name-modal label{letter-spacing:.1em;margin-bottom:8px;font:800 9px monospace}.name-modal input{z-index:1;background:#fff;border:0;border-bottom:2px solid #000;outline:0;width:100%;padding:10px 2px 12px;font-size:18px;font-weight:800;position:relative}.name-modal input:focus{border-bottom-width:4px}.name-modal>small{align-self:flex-end;margin-top:6px;font:700 8px monospace}.name-modal .name-submit{z-index:1;color:#fff;letter-spacing:.06em;cursor:pointer;background:#000;border:2px solid #000;width:100%;min-height:48px;margin-top:25px;font:900 11px monospace;position:relative}.name-submit:disabled{opacity:.3;cursor:not-allowed}.draw-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.draw-modal{text-align:center;background:#fff;border:2px solid #000;flex-direction:column;align-items:center;width:min(500px,100vw - 32px);min-height:520px;padding:42px 48px 40px;display:flex;position:relative;transform:rotate(-.25deg);box-shadow:10px 12px #000}.draw-modal:before{content:"";pointer-events:none;border:1px solid #000;border-radius:50% 48% 49% 51%/2% 3%;position:absolute;inset:8px}.modal-close{z-index:2;cursor:pointer;background:0 0;border:0;font-size:31px;line-height:1;position:absolute;top:14px;right:19px}.modal-close:disabled{opacity:.25;cursor:wait}.modal-kicker{letter-spacing:.14em;margin:0 0 8px;font:800 10px monospace}.draw-modal h2{letter-spacing:-.06em;margin:0;font-size:30px}.modal-reel{background:#fff;border:2px solid #000;place-items:center;width:220px;height:220px;margin:30px 0 22px;display:grid;position:relative;overflow:hidden}.modal-reel:before,.modal-reel:after{content:"";z-index:2;background:#fff;height:22px;position:absolute;left:0;right:0}.modal-reel:before{border-bottom:1px solid #000;top:0}.modal-reel:after{border-top:1px solid #000;bottom:0}.modal-reel .mock-doodle{transform:scale(2.45)}.reel-question{font:900 78px monospace}.reel-strip{flex-direction:column;align-items:center;gap:32px;font:900 58px monospace;animation:.32s linear infinite reel-spin;display:flex}.modal-status{min-height:18px;margin:0 0 20px;font-size:12px;font-weight:800}.modal-draw-button{color:#fff;letter-spacing:.06em;cursor:pointer;background:#000;border:2px solid #000;width:220px;min-height:48px;font-size:12px;font-weight:900}.modal-draw-button:disabled{cursor:wait}@keyframes reel-spin{0%{transform:translateY(-145px)}to{transform:translateY(145px)}}@media (max-width:560px){.draw-modal{min-height:480px;padding:38px 24px 30px}.modal-reel{width:190px;height:190px;margin:24px 0 18px}.modal-draw-button{width:190px}}.header-meta{justify-self:end;align-items:center;gap:15px;display:flex;position:relative}.header-meta button{letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #000;padding:2px 0;font:800 9px monospace}.header-meta .edition{justify-self:auto;margin:5px 0 0}.header-meta .support-button{border:1px solid #000;padding:4px 7px;transform:rotate(-1deg)}.header-meta .support-button:hover{color:#fff;background:#000}.mobile-menu-button,.mobile-navigation{display:none}.topbar{grid-template-columns:1fr auto}.tutorial-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.tutorial-card{text-align:center;background:#fff;border:2px solid #000;width:min(850px,100vw - 32px);padding:48px 52px 42px;position:relative;box-shadow:10px 12px #000}.tutorial-card:after{content:"";pointer-events:none;border:1px solid #000;border-radius:50% 48% 49% 51%/2% 3%;position:absolute;inset:8px}.tutorial-kicker{letter-spacing:.15em;margin:0 0 8px;font:800 10px monospace}.tutorial-card h2{letter-spacing:-.06em;margin:0 0 38px;font-size:34px}.tutorial-steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:34px;display:grid}.tutorial-steps>div{padding-top:18px;position:relative}.tutorial-steps>div:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 4' preserveAspectRatio='none'%3E%3Cpath d='M0 2.2 C42 1.2 78 3 119 2.1 C169 1.1 220 2.9 300 1.8' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:100%;height:4px;position:absolute;top:0;left:0}.tutorial-steps>div>span{font:800 10px monospace;position:absolute;top:18px;right:0}.tutorial-steps h3{letter-spacing:-.03em;margin:16px 0 7px;font-size:13px}.tutorial-steps p{margin:0;font-size:11px;line-height:1.5}.tutorial-icon{place-items:center;width:54px;height:54px;font-style:normal;display:grid}.tutorial-step-one-gif{object-fit:contain}.pencil-mark{position:relative}.pencil-mark:before{content:"";border-top:4px solid #000;width:53px;transform:rotate(-38deg)}.pencil-mark:after{content:"";border:2px solid #000;border-radius:50%;width:10px;height:10px;position:absolute;top:7px;right:1px}.token-mark{border:2px solid #000;border-radius:50%;font:900 18px monospace}.card-mark{border:2px solid #000;font:900 24px monospace;transform:rotate(4deg)}.tutorial-start{z-index:2;color:#fff;letter-spacing:.06em;cursor:pointer;background:#000;border:2px solid #000;width:220px;min-height:48px;margin-top:38px;font-size:11px;font-weight:900;position:relative}.tutorial-step-gif{object-fit:contain}@media (max-width:700px){.tutorial-card{padding:34px 24px 28px}.tutorial-card h2{margin-bottom:24px;font-size:28px}.tutorial-steps{grid-template-columns:1fr;gap:16px}.tutorial-steps>div{grid-template-rows:auto auto;grid-template-columns:62px 1fr;padding-top:10px;display:grid}.tutorial-steps>div>span{top:10px}.tutorial-icon{grid-row:1/3}.tutorial-steps h3{margin:5px 0 2px}.tutorial-start{margin-top:24px}}.capsule-stage{place-items:center;width:230px;height:230px;margin:28px 0 18px;display:grid;position:relative}.capsule{filter:drop-shadow(6px 8px #000);width:126px;height:174px;position:relative}.capsule.shaking{animation:1.3s ease-in-out both capsule-shake}.capsule.breaking{filter:none;animation:none;translate:0;rotate:0deg}.result-card{background:#fff;border:3px solid #000;flex-direction:column;justify-content:center;align-items:center;gap:35px;width:220px;height:220px;animation:.42s cubic-bezier(.2,1.4,.5,1) result-pop;display:flex}.result-card>span{letter-spacing:.08em;font:800 10px monospace}.modal-actions{gap:8px;width:220px;display:grid}.modal-actions .modal-draw-button{width:100%}.download-button{color:#000;letter-spacing:.05em;cursor:pointer;background:#fff;border:2px solid #000;min-height:44px;font-size:11px;font-weight:900}@keyframes capsule-shake{0%,12%,to{translate:0;rotate:0deg}20%{translate:-1px;rotate:-.25deg}31%{translate:1px -1px;rotate:.2deg}43%{translate:-1px 1px;rotate:-.25deg}56%{translate:2px -1px;rotate:.45deg}69%{translate:-2px 1px;rotate:-.5deg}82%{translate:3px -2px;rotate:.75deg}91%{translate:-4px 2px;rotate:-1deg}}@keyframes result-pop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.result-secondary-actions{justify-content:center;align-items:center;gap:10px;width:100%;padding-top:2px;display:flex;position:relative}.result-icon-button{color:#000;cursor:pointer;background:#fff;border:1.5px solid #000;place-items:center;width:40px;height:38px;padding:0;font:900 19px/1 monospace;display:grid;transform:rotate(-1deg)}.result-icon-button:hover{color:#fff;background:#000}.result-icon-button:disabled{opacity:.45;cursor:wait}.share-control{position:relative}.share-menu{z-index:4;text-align:left;background:#fff;border:1.5px solid #000;width:190px;padding:6px;position:absolute;bottom:calc(100% + 8px);right:0;transform:rotate(.35deg);box-shadow:4px 5px #000}.share-menu>button{color:#000;text-align:left;letter-spacing:.04em;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #000;width:100%;min-height:34px;padding:7px 8px;font:900 9px monospace;display:block}.share-menu>button:hover{color:#fff;background:#000}.share-menu>button:disabled{opacity:.45;cursor:wait}.share-menu>p{letter-spacing:.03em;margin:7px 8px 3px;font:800 7px/1.4 monospace}.archive-backdrop{z-index:58;overscroll-behavior:contain;background:#fff;padding:24px;position:fixed;inset:0;overflow:auto}.archive-panel{background:#fff;border:2px solid #000;width:min(1040px,100%);min-height:calc(100dvh - 48px);margin:auto;padding:54px clamp(24px,5vw,70px) 60px;position:relative;box-shadow:10px 12px #000}.archive-panel:before{content:"";pointer-events:none;border:1px solid #000;border-radius:50% 48% 49% 51%/1% 1.5%;position:absolute;inset:8px}.archive-close{z-index:2;cursor:pointer;background:0 0;border:0;font-size:32px;line-height:1;position:absolute;top:16px;right:22px}.archive-kicker{text-align:center;letter-spacing:.15em;margin:0 0 7px;font:800 10px monospace}.archive-panel>h2{text-align:center;letter-spacing:-.07em;margin:0 0 42px;font-size:clamp(34px,5vw,58px)}.archive-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px;display:grid;position:relative}.archive-card{border-top:2px solid #000;min-width:0;padding-top:13px}.archive-preview{border:1.5px solid #000;place-items:center;height:190px;margin-bottom:14px;display:grid}.archive-preview .mock-doodle{transform:scale(2.25) rotate(var(--doodle-turn,0deg))}.archive-card p{letter-spacing:.08em;margin:0 0 5px;font:800 9px monospace}.archive-card h3{letter-spacing:-.05em;margin:0 0 7px;font-size:21px}.archive-card small{min-height:28px;font:700 8px/1.5 monospace;display:block}.archive-card button,.archive-empty button{color:#fff;letter-spacing:.05em;cursor:pointer;background:#000;border:1.5px solid #000;width:100%;min-height:40px;margin-top:13px;font:900 10px monospace}.archive-drawing-name{white-space:nowrap;text-overflow:ellipsis;margin:-1px 0 8px;font-size:11px;font-style:italic;display:block;overflow:hidden}.archive-empty{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex;position:relative}.archive-empty>span{border:3px solid #000;border-radius:50%;place-items:center;width:92px;height:92px;font:900 46px monospace;display:grid;transform:rotate(-5deg)}.archive-empty p{font-size:13px;line-height:1.6}.archive-empty button{width:210px}.pool-panel{width:min(1180px,100%)}.pool-note{z-index:1;text-align:center;max-width:620px;margin:-25px auto 34px;font-size:11px;line-height:1.55;position:relative}.pool-grid{z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 14px;display:grid;position:relative}.pool-card{border-top:1.5px solid #000;min-width:0;padding-top:9px}.pool-preview{cursor:zoom-in;background:#fff;border:1px solid #000;place-items:center;width:100%;height:112px;padding:0;display:grid;overflow:hidden}.pool-preview .community-doodle{object-fit:contain;object-position:center;max-width:100%;max-height:100%}.pool-preview .mock-doodle{transform:scale(1.45) rotate(var(--doodle-turn,0deg))}.pool-card p{letter-spacing:.04em;margin:8px 0 3px;font:800 7px monospace}.pool-card h3{letter-spacing:-.04em;margin:0;font-size:13px}.pool-card.drawn .pool-preview{filter:grayscale();opacity:.25}.pool-card.drawn{position:relative}.pool-card.drawn:after{content:"";pointer-events:none;border-top:2px solid #000;position:absolute;top:66px;left:4px;right:4px;transform:rotate(-23deg)}.pool-list-message{text-align:center;letter-spacing:.08em;grid-column:1/-1;margin:50px 0;font:900 10px monospace}button:focus-visible{outline-offset:4px;outline:3px solid #000}.draw-modal-backdrop,.tutorial-backdrop,.archive-backdrop{overscroll-behavior:contain;overflow:auto}.draw-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.draw-modal,.tutorial-card{margin:auto}@media (prefers-reduced-motion:reduce){.capsule.shaking,.result-card,.reel-strip{animation:none!important}}@media (max-width:900px){.header-meta{gap:9px}.header-meta .edition{display:none}.archive-backdrop{padding:12px}.archive-panel{min-height:calc(100dvh - 24px);padding:48px 20px 40px}.archive-panel>h2{margin-bottom:30px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.archive-preview{height:145px}.pool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:680px){.pool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pool-note{margin-top:-18px}}@media (max-width:540px){.archive-grid{grid-template-columns:1fr}.archive-preview{height:190px}}@media (max-width:500px){.draw-modal.name-modal{padding:40px 25px 30px}.draw-modal.name-modal h2{font-size:29px}}.canvas-ghost{transform-origin:50%;pointer-events:none;width:170px;height:135px;animation:3s ease-in-out both ghost-sketch;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-5deg)scale(1.4)}.canvas-ghost i{opacity:.4;background:0 0;border:3px solid #000;display:block;position:absolute}.canvas-ghost:after{content:"";z-index:4;clip-path:polygon(0 0,100% 0,91% 8%,100% 16%,89% 25%,100% 34%,90% 43%,100% 52%,88% 61%,100% 70%,90% 79%,100% 88%,89% 96%,100% 100%,0 100%);background:#fff;width:0;animation:3s steps(7,end) both ghost-erase;position:absolute;top:-20px;bottom:-20px;left:-15px}@keyframes ghost-sketch{0%{clip-path:inset(0 100% 0 0);opacity:0}15%{opacity:1}32%,to{clip-path:inset(0);opacity:1}}@keyframes ghost-erase{0%,66%{width:0;transform:translateY(0)}70%{width:15%;transform:translateY(-5px)}75%{width:31%;transform:translateY(4px)}80%{width:47%;transform:translateY(-3px)}85%{width:64%;transform:translateY(5px)}90%{width:81%;transform:translateY(-4px)}95%{width:98%;transform:translateY(3px)}to{width:calc(100% + 30px);transform:translateY(0)}}@media (max-width:768px){.canvas-ghost{transform:translate(-50%,-50%)rotate(-5deg)scale(1.22)}}.ghost-face i:first-child{border-radius:48% 52% 45% 55%;width:92px;height:82px;top:22px;left:38px}.ghost-face i:nth-child(2),.ghost-face i:nth-child(3){background:#000;border:0;border-radius:50%;width:8px;height:11px;top:52px}.ghost-face i:nth-child(2){left:68px}.ghost-face i:nth-child(3){right:66px}.ghost-face i:nth-child(4){border-width:0 0 3px;border-radius:50%;width:35px;height:17px;top:77px;left:72px;transform:rotate(3deg)}.ghost-face i:nth-child(5){border-width:0 0 3px;border-radius:50%;height:17px;bottom:7px;left:16px;right:7px;transform:rotate(2deg)}.ghost-flower i:nth-child(-n+3){border-radius:50%;width:54px;height:62px}.ghost-flower i:first-child{top:2px;left:58px}.ghost-flower i:nth-child(2){top:42px;left:27px;transform:rotate(-30deg)}.ghost-flower i:nth-child(3){top:42px;right:25px;transform:rotate(30deg)}.ghost-flower i:nth-child(4){border-width:0 0 0 3px;height:67px;top:68px;left:83px}.ghost-flower i:nth-child(5){border-width:0 0 3px;border-radius:50%;width:32px;height:20px;top:99px;left:83px;transform:rotate(-25deg)}.ghost-cloud i:first-child{border-radius:50%;height:59px;top:50px;left:15px;right:15px}.ghost-cloud i:nth-child(2){border-radius:50%;width:62px;height:65px;top:25px;left:35px}.ghost-cloud i:nth-child(3){border-radius:50%;width:72px;height:75px;top:15px;right:28px}.ghost-cloud i:nth-child(4){border-width:0 0 3px;border-radius:50%;height:18px;bottom:18px;left:35px;right:30px;transform:rotate(-3deg)}.ghost-cloud i:nth-child(5){display:none}.ghost-star i:first-child,.ghost-star i:nth-child(2){width:77px;height:77px;top:26px;left:47px;transform:rotate(45deg)}.ghost-star i:nth-child(2){transform:rotate(22.5deg)}.ghost-star i:nth-child(3){border-width:3px 0 0;width:27px;top:67px;left:15px;transform:rotate(-8deg)}.ghost-star i:nth-child(4){border-width:3px 0 0;width:25px;top:48px;right:10px;transform:rotate(-21deg)}.ghost-star i:nth-child(5){border-width:0 0 0 3px;height:20px;bottom:4px;left:81px;transform:rotate(7deg)}.ghost-house i:first-child{width:96px;height:76px;top:55px;left:38px}.ghost-house i:nth-child(2){clip-path:polygon(50% 0,100% 100%,0 100%);width:116px;height:69px;top:13px;left:27px}.ghost-house i:nth-child(3){width:25px;height:48px;bottom:3px;left:75px}.ghost-house i:nth-child(4){width:20px;height:19px;top:74px;right:48px}.ghost-house i:nth-child(5){border-width:0 0 3px;bottom:1px;left:11px;right:7px;transform:rotate(-2deg)}.utility-tools{flex-wrap:wrap;gap:8px 14px;margin-top:6px;display:flex}.utility-tools .eraser,.bucket-tool{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;margin:0;padding:4px 5px;font-size:13px;font-weight:800;display:flex}.undo-tool{cursor:pointer;background:#fff;border:1.5px solid #000;min-height:36px;padding:4px 11px;font:800 11px monospace;transform:rotate(-1deg)}.undo-tool:disabled{opacity:.3;cursor:not-allowed}.editing-tools{flex:none;align-items:center;gap:8px;display:flex}.bucket-tool.selected{text-underline-offset:4px;text-decoration:underline}.bucket-icon{flex:0 0 43px;width:43px;height:43px;display:inline-block;position:relative}.bucket-icon img{object-fit:contain;filter:contrast(2.2)drop-shadow(1px 0 #000)drop-shadow(-1px 0 #000)drop-shadow(0 1px #000)drop-shadow(0 -1px #000);pointer-events:none;width:100%;height:100%;transition:opacity .18s,transform .18s;display:block;position:absolute;inset:0}.bucket-icon .bucket-straight{opacity:1;transform:scale(1.08)}.bucket-icon .bucket-pour{opacity:0;transform:scale(.9)rotate(-5deg)}@media (hover:hover){.bucket-tool:is(:hover,:focus-visible) .bucket-straight{opacity:0;transform:scale(.92)rotate(4deg)}.bucket-tool:is(:hover,:focus-visible) .bucket-pour{opacity:1;transform:scale(1.08)rotate(0)}}.bucket-label{pointer-events:none;display:inline-block}.eraser-icon{border-radius:0;flex:0 0 43px;width:43px;height:43px;display:inline-block;position:relative;transform:none;background:0 0!important;border:0!important}.eraser-icon img{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity .18s,transform .18s;display:block;position:absolute;inset:0}.eraser-icon .eraser-raised{opacity:1;transform:scale(1.08)}.eraser-icon .eraser-grounded{opacity:0;transform:scale(.92)translateY(-2px)}@media (hover:hover){.eraser:is(:hover,:focus-visible) .eraser-raised{opacity:0;transform:scale(.94)rotate(-3deg)}.eraser:is(:hover,:focus-visible) .eraser-grounded{opacity:1;transform:scale(1.08)translateY(1px)}}.eraser-label{pointer-events:none;display:inline-block}canvas.bucket-cursor{cursor:cell}.archive-toolbar{z-index:2;justify-content:center;gap:8px;margin:-28px 0 38px;display:flex;position:relative}.archive-toolbar button{letter-spacing:.06em;cursor:pointer;background:#fff;border:1px solid #000;min-height:32px;padding:0 12px;font:800 8px monospace}.archive-toolbar button:last-of-type{color:#fff;background:#000}.archive-toolbar button:disabled{opacity:.3;cursor:not-allowed}.archive-toolbar input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.archive-card-actions{grid-template-columns:1fr auto;gap:7px;display:grid}.archive-card-actions .archive-delete{color:#000;background:#fff;width:auto;padding:0 10px}.local-note{z-index:2;letter-spacing:.04em;max-width:620px;margin:20px auto 0;font:700 8px/1.5 monospace;position:relative}.report-form{text-align:left;border-top:1px solid #000;gap:7px;padding-top:10px;display:grid}.report-form label{letter-spacing:.06em;font:800 8px monospace}.report-form select{background:#fff;border:1px solid #000;border-radius:0;width:100%;min-height:34px;padding:0 7px;font:700 10px Arial}.report-form>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.report-form button{cursor:pointer;background:#fff;border:1px solid #000;min-height:33px;font:800 8px monospace}.report-form button:last-child{color:#fff;background:#000}.report-form small{font:700 7px/1.4 monospace}.confirm-backdrop{z-index:80}.draw-modal.confirm-modal{width:min(430px,100vw - 32px);min-height:0;padding:55px 45px 42px}.confirm-modal h2{font-size:28px}.confirm-modal>p{max-width:320px;margin:18px auto 26px;font-size:12px;line-height:1.55}.confirm-modal>div{z-index:2;grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid;position:relative}.confirm-modal button{cursor:pointer;background:#fff;border:1.5px solid #000;min-height:43px;font:900 9px monospace}.confirm-modal button:last-child{color:#fff;background:#000}@media (max-width:540px){.archive-toolbar{flex-wrap:wrap}.archive-card-actions{grid-template-columns:1fr}.archive-card-actions .archive-delete{width:100%}}.tutorial-backdrop{animation:.28s ease-out both screen-fade-in}.tutorial-card{animation:.52s cubic-bezier(.2,.8,.2,1) both tutorial-arrive}.draw-modal-backdrop{animation:.22s ease-out both screen-fade-in}.draw-modal{animation:.34s cubic-bezier(.2,.85,.25,1) both modal-arrive}.archive-backdrop{animation:.24s ease-out both screen-fade-in}.archive-panel{animation:.38s cubic-bezier(.2,.8,.2,1) both archive-arrive}@keyframes screen-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tutorial-arrive{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-arrive{0%{opacity:0;transform:translateY(16px)scale(.97)rotate(-1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(-.25deg)}}@keyframes archive-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.topbar,.workspace{width:min(100%,1680px);margin-inline:auto}@media (min-width:761px){.side-panel{grid-template-rows:auto minmax(330px,1fr)}.action-section{justify-content:center;padding-top:34px}}@media (min-width:1500px){.studio-shell{padding-inline:max(44px,50vw - 885px)}.topbar{height:76px}.workspace{grid-template-columns:minmax(0,1fr) 330px;height:min(100dvh - 140px,940px);min-height:650px}.workspace:after{right:330px}.canvas-heading{height:96px}.side-panel{padding-left:56px}.header-meta button{font-size:10px}.edition{font-size:12px}.paint-dot{width:38px;height:36px}.palette{gap:15px 18px;width:220px}}.random-character{z-index:5;pointer-events:none;transform-origin:50%;position:absolute;bottom:2%;right:1.5%;overflow:hidden;transform:rotate(-90deg)}.random-character-image{z-index:1;background:50%/contain no-repeat;position:absolute;inset:0}.character-1{aspect-ratio:550/350;width:clamp(190px,28%,330px);animation:6.2s ease-in-out -.8s infinite alternate character-one-idle}.character-1 .random-character-image{background-image:url(/assets/character_1.png)}.character-2{aspect-ratio:620/320;width:clamp(230px,34%,390px);animation:7.8s ease-in-out -2.2s infinite alternate character-two-idle;bottom:5%}.character-2 .random-character-image,.character-2 .thought-fragment{background-image:url(/assets/character_2.png)}.character-3{aspect-ratio:432/437;width:clamp(150px,21%,250px);animation:5.5s ease-in-out -1.4s infinite alternate character-three-idle}.character-3 .random-character-image{background-image:url(/assets/character_3.png)}.character-2-bubble-mask{z-index:2;background:#fff;width:31%;height:30%;position:absolute;top:22%;left:64%}.thought-fragment{z-index:3;opacity:0;background:50%/contain no-repeat;animation:8.8s ease-in-out infinite character-thought-sequence;position:absolute;inset:0;transform:scale(.96)}.thought-fragment-dot{clip-path:polygon(64% 34%,71% 34%,71% 49%,64% 49%);animation-delay:0s}.thought-fragment-circle{clip-path:polygon(71% 27%,80% 27%,80% 50%,71% 50%);animation-delay:.75s}.thought-fragment-cloud{clip-path:polygon(79% 20%,95% 20%,95% 51%,79% 51%);animation-delay:1.5s}@keyframes character-one-idle{0%{transform:translateY(0)rotate(-90.35deg)}to{transform:translateY(-3px)rotate(-89.6deg)}}@keyframes character-two-idle{0%{transform:translateY(0)rotate(-89.88deg)}to{transform:translateY(-2px)rotate(-90.16deg)}}@keyframes character-three-idle{0%{transform:translate(-1px)rotate(-90.2deg)}to{transform:translate(2px,-2px)rotate(-89.76deg)}}@keyframes character-thought-sequence{0%,8%{opacity:0;transform:scale(.96)}14%,72%{opacity:1;transform:scale(1)}84%,to{opacity:0;transform:scale(.98)}}@media (max-width:768px){.character-1{width:clamp(130px,34%,190px)}.character-2{width:clamp(165px,43%,230px)}.character-3{width:clamp(105px,28%,150px)}}@media (prefers-reduced-motion:reduce){.random-character,.thought-fragment{animation:none!important}.thought-fragment{opacity:1;transform:none}}.draw-modal:not(.name-modal):not(.confirm-modal){box-shadow:none}.draw-modal:not(.name-modal):not(.confirm-modal) .capsule{filter:none}.gacha-slot{flex-direction:column;justify-content:flex-end;align-items:flex-end}.gacha-machine{aspect-ratio:1086/1448;transform-origin:bottom;will-change:transform;width:min(clamp(430px,29vw,600px),100vw - 28px);animation:9.7s linear infinite gacha-original-idle;transform:none}.gacha-illustration{image-rendering:auto}.gacha-chamber-capsules{z-index:2;clip-path:polygon(4% 2%,96% 2%,100% 8%,100% 91%,94% 98%,8% 98%,1% 91%,0 9%);pointer-events:none;width:40%;height:36%;position:absolute;top:29%;left:27.5%;overflow:hidden}.gacha-chamber-capsules i{aspect-ratio:1;will-change:transform;background:url(/assets/capsule-closed-original.png) 50%/contain no-repeat;width:clamp(24px,2.8vw,40px);position:absolute}.gacha-chamber-capsules i:first-child{animation:3.4s cubic-bezier(.42,.06,.58,.96) -.9s infinite alternate gacha-capsule-one;top:13%;left:12%}.gacha-chamber-capsules i:nth-child(2){animation:4.1s cubic-bezier(.36,.04,.64,.98) -2.3s infinite alternate gacha-capsule-two;top:34%;right:10%}.gacha-chamber-capsules i:nth-child(3){animation:3.7s cubic-bezier(.31,.08,.69,.93) -1.5s infinite alternate gacha-capsule-three;bottom:8%;left:42%}@keyframes gacha-capsule-one{0%{transform:translate(0)rotate(-7deg)}31%{transform:translate(9px,14px)rotate(12deg)}67%{transform:translate(3px,27px)rotate(-13deg)}to{transform:translate(17px,7px)rotate(8deg)}}@keyframes gacha-capsule-two{0%{transform:translate(0)rotate(10deg)}38%{transform:translate(-15px,17px)rotate(-11deg)}73%{transform:translate(-5px,-5px)rotate(16deg)}to{transform:translate(-20px,9px)rotate(-4deg)}}@keyframes gacha-capsule-three{0%{transform:translate(0)rotate(-5deg)}35%{transform:translate(-14px,-15px)rotate(14deg)}71%{transform:translate(12px,-24px)rotate(-12deg)}to{transform:translate(17px,-7px)rotate(7deg)}}@keyframes gacha-original-idle{0%,15%,21%,48%,55%,81%,88%,to{transform:translate(0)rotate(0)}16.5%{transform:translate(-1px)rotate(-.08deg)}18%{transform:translate(1px,-1px)rotate(.07deg)}19.5%{transform:translate(-1px)rotate(-.05deg)}50%{transform:translate(1px)rotate(.06deg)}52%{transform:translate(-1px,-1px)rotate(-.08deg)}53.5%{transform:translate(1px)rotate(.04deg)}83%{transform:translate(-1px)rotate(-.06deg)}85%{transform:translate(1px,-1px)rotate(.08deg)}86.5%{transform:translate(0)rotate(-.04deg)}}@media (max-width:768px){.gacha-machine{width:min(390px,100%)}.gacha-slot{align-items:center}}@media (prefers-reduced-motion:reduce){.gacha-machine,.gacha-chamber-capsules i{animation:none!important}}.capsule-closed-original,.capsule-piece-original{background-position:50%;background-repeat:no-repeat;background-size:contain;transition:transform .28s,opacity .2s;display:block;position:absolute}.capsule-closed-original{opacity:1;background-image:url(/assets/capsule-closed-original.png?v=2);width:150px;height:150px;top:15px;left:0}.capsule-piece-original{opacity:0;width:150px;left:0}.capsule-piece-original.top{transform-origin:50% 100%;background-image:url(/assets/capsule-top-original.png?v=2);height:113px;top:22px}.capsule-piece-original.bottom{transform-origin:50% 0;background-image:url(/assets/capsule-bottom-original.png?v=2);height:128px;top:69px}.capsule.breaking .capsule-closed-original{opacity:0}.capsule.breaking .capsule-piece-original.top{opacity:1;transform:translateY(-16px)rotate(-1.5deg)}.capsule.breaking .capsule-piece-original.bottom{opacity:1;transform:translateY(16px)rotate(1deg)}.flight-capsule:after{display:none}@media (prefers-reduced-motion:reduce){.capsule.breaking .capsule-piece-original.top{opacity:1;transform:translateY(-16px)}.capsule.breaking .capsule-piece-original.bottom{opacity:1;transform:translateY(16px)}}@media (min-width:2200px){.topbar,.workspace{width:1760px}.workspace{grid-template-columns:minmax(0,1fr) 350px}.workspace:after{right:350px}}.pencil-sizes{--pencil-row-gap:6px;--pencil-row-height:56px;gap:var(--pencil-row-gap);flex-direction:column;width:100%;margin-top:14px;padding:2px 0 8px;display:flex}.mobile-machine-pencil-row{display:contents}.mobile-gacha-machine{display:none}.pencil-size{width:100%;height:var(--pencil-row-height);cursor:pointer;pointer-events:none;background:0 0;border:0;align-items:center;margin-block:0;padding:0 8px;display:flex;position:relative;overflow:visible}.pencil-size:before{display:none}.pencil-shape{width:var(--pencil-w);height:var(--pencil-h);flex:0 0 var(--pencil-w);filter:drop-shadow(0 0 #000);align-items:center;margin-left:0;transition:transform .18s;display:flex}.pencil-size:first-child .pencil-shape{transform:rotate(-1.4deg)}.pencil-size:nth-child(2) .pencil-shape{transform:rotate(.7deg)}.pencil-size:nth-child(3) .pencil-shape{transform:rotate(-.4deg)}.pencil-size:hover .pencil-shape{transform:translate(-18px)rotate(0)}.pencil-shape i{flex:none;display:block}.pencil-tip{width:19px;height:calc(var(--pencil-h) + 2px);clip-path:polygon(0 50%,100% 0,100% 100%);background:#000;position:relative}.pencil-tip:after{content:"";background:#000;border-radius:50%;width:6px;height:4px;position:absolute;top:calc(50% - 2px);left:0}.pencil-body{height:var(--pencil-h);background:#fff;border:2px solid #000;flex:1!important}.pencil-end{width:12px;height:var(--pencil-h);background:#fff;border:2px solid #000;border-left:0;border-radius:0 5px 5px 0}.ready-draw{align-content:start;gap:10px;height:auto}@media (min-width:769px){.tools-section{padding-top:56px}}@media (hover:hover){.paint-dot:hover:before{border-color:#000}}.utility-tools .bucket-tool,.utility-tools .eraser{position:relative}.utility-tools .bucket-tool:after,.utility-tools .eraser:after{content:"";pointer-events:none;border:1.5px solid #0000;border-radius:48% 52% 45% 55%/38% 45% 42% 50%;position:absolute;inset:-5px -7px;transform:rotate(-2deg)}.utility-tools .bucket-tool.selected:after,.utility-tools .eraser.selected:after{border-color:#000}.prompt-line{align-items:center;gap:20px;min-width:0;padding:3px 0 5px;display:flex}.prompt-line h1{white-space:nowrap;text-overflow:ellipsis;padding:2px 0 4px;font-size:clamp(18px,1.85vw,31px);line-height:1.18;overflow:hidden}.prompt-refresh{cursor:pointer;background:#fff;border:1.5px solid #000;border-radius:48% 52% 44% 56%;flex:0 0 34px;place-items:center;width:34px;height:32px;padding:0;font-size:20px;line-height:1;transition:transform .15s,background-color .15s;display:grid;transform:rotate(-7deg)}.prompt-refresh:hover{background:#f0f0f0;transform:rotate(18deg)scale(1.06)}.pencil-size{height:var(--pencil-row-height);justify-content:flex-start;padding:0}.pencil-size-1,.pencil-size-2,.pencil-size-3{height:var(--pencil-row-height)}.pencil-sizes,.palette{margin-left:0;padding-left:0}.pencil-size{margin-left:0}.side-panel{--tools-left-gutter:clamp(25px,3vw,48px);--canvas-edge-gap:clamp(30px,4vw,62px)}.tools-section{container-type:inline-size}.pencil-visual{--pencil-width:clamp(300px,25vw,430px);width:var(--pencil-width);transform-origin:0;pointer-events:auto;height:64px;transition:transform .18s;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.stroke-pencil-drawn{object-fit:fill;object-position:left center;filter:none;width:100%;max-width:none;height:100%;display:block}.pencil-size-1 .pencil-visual{width:370px;height:11px}.pencil-size-2 .pencil-visual{width:372px;height:28px}.pencil-size-3 .pencil-visual{width:372px;height:52px}@media (hover:hover){.pencil-size:hover .pencil-visual{transform:translate(-14px,-50%)}}.pencil-size.selected{z-index:4}.pencil-size.selected .pencil-visual{transform:translate(-140px,-50%)scale(1.035)}@media (hover:hover){.pencil-size.selected:hover .pencil-visual{transform:translate(-152px,-50%)scale(1.05)}}@media (max-width:1000px){.pencil-visual{width:340px}}.paper-wrap{z-index:4}.paper-wrap:before{opacity:1;background:url(/assets/canvas-frame.svg?v=3) 50%/100% 100% no-repeat;border:0;border-radius:0;inset:-5px}.canvas-heading{border-color:#0000;border-radius:0;position:relative}.canvas-heading:before{content:"";pointer-events:none;background:url(/assets/canvas-frame.svg?v=3) 50%/100% 100% no-repeat;border:0;border-radius:0;position:absolute;inset:-5px}.workspace:after,.tools-section:after{display:none}.eraser-icon,.gacha-globe,.gacha-body{background:#fff;border-width:2px;border-color:#000}.gacha-globe,.gacha-body{border-radius:48% 52% 47% 53%/6% 8% 5% 7%}.gacha-globe{border-radius:48% 52% 43% 46%/52% 50% 39% 41%}.utility-tools .bucket-tool,.utility-tools .eraser{font-weight:700}.ready-draw{--gacha-scale:1}.action-section{padding-bottom:10px;overflow:visible}.ready-draw{align-content:end;height:100%}.gacha-slot{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-height:clamp(418px,27vw,540px);display:flex;overflow:visible}.gacha-machine{aspect-ratio:180/220;flex:none;width:clamp(320px,21vw,430px);height:auto}.gacha-illustration{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.machine-controls{--machine-control-gap:clamp(5px,.45vw,8px);z-index:3;gap:var(--machine-control-gap);grid-template-columns:minmax(0,1fr);width:88%;margin-top:clamp(7px,1dvh,11px);display:grid;position:relative;transform:rotate(.25deg)}.machine-controls button{letter-spacing:-.02em;cursor:pointer;border:2px solid #000;min-width:0;height:clamp(38px,2.5vw,48px);padding:3px 8px;font:900 clamp(8px,.65vw,11px) monospace}.machine-controls button:disabled{opacity:.35;cursor:not-allowed}.machine-clear{color:#000;background:#fff}.machine-main{color:#fff;background:#000}.machine-controls button:hover:not(:disabled){transform:translateY(-2px)rotate(-1deg);box-shadow:2px 2px #000}.capsule{filter:drop-shadow(5px 7px #000);width:150px;height:180px}.flight-capsule{filter:drop-shadow(3px 4px #000);background:url(/assets/capsule-closed-original.png) 50%/contain no-repeat;width:82px;height:82px}.flight-capsule i{display:none}.draw-modal:not(.name-modal):not(.confirm-modal){width:min(680px,100vw - 36px);min-height:650px;padding:48px 58px 44px}.draw-modal:not(.name-modal):not(.confirm-modal)>h2{margin-bottom:4px;font-size:clamp(30px,3vw,43px)}.capsule-stage{width:310px;height:310px;margin:24px 0 14px}.capsule{transform:scale(1.18)}.result-card{-webkit-appearance:none;appearance:none;color:#000;width:300px;height:300px;font:inherit;cursor:zoom-in;background:#fff;border:2.5px solid #000;gap:46px;padding:24px;transition:transform .18s,box-shadow .18s}.result-card:hover{transform:translateY(-3px)rotate(-.4deg);box-shadow:6px 7px #000}.result-card .mock-doodle{transform:scale(3) rotate(var(--doodle-turn,0deg))}.result-card small{letter-spacing:.08em;font:800 8px monospace}.modal-actions{width:300px}.guess-form{gap:8px;width:300px;display:grid}.guess-form input{background:#fff;border:2px solid #000;width:100%;height:42px;padding:8px 10px;font:700 12px Arial,Helvetica,sans-serif}.guess-form>div{grid-template-columns:1fr auto;gap:8px;display:grid}.guess-form button{color:#fff;cursor:pointer;background:#000;border:2px solid #000;min-height:40px;padding:6px 18px;font:900 10px monospace}.guess-form button[type=button]{color:#000;background:#fff}.guess-form button:disabled{opacity:.35;cursor:not-allowed}.result-preview-backdrop{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffe0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.result-preview-card{background:#fff;border:2.5px solid #000;flex-direction:column;justify-content:center;align-items:center;width:min(720px,100vw - 40px);height:min(720px,100dvh - 40px);min-height:460px;display:flex;position:relative;transform:rotate(-.15deg);box-shadow:12px 14px #000}.result-preview-card:before{content:"";pointer-events:none;border:1px solid #000;border-radius:50% 48% 49% 51%/2% 3%;position:absolute;inset:9px}.result-preview-card>p{letter-spacing:.1em;margin:0;font:800 9px monospace;position:absolute;top:24px;left:30px}.result-preview-card>h2{letter-spacing:-.06em;margin:0;font-size:clamp(26px,4vw,48px);position:absolute;top:42px;left:30px;right:70px}.result-preview-card>.mock-doodle{transform:scale(6) rotate(var(--doodle-turn,0deg))}.result-preview-close{z-index:2;cursor:pointer;background:0 0;border:0;font-size:34px;line-height:1;position:absolute;top:16px;right:22px}@media (max-width:700px){.draw-modal:not(.name-modal):not(.confirm-modal){min-height:560px;padding:42px 24px 30px}.capsule-stage{width:250px;height:250px}.capsule{transform:scale(1)}.result-card{gap:34px;width:240px;height:240px}.result-card .mock-doodle{transform:scale(2.4) rotate(var(--doodle-turn,0deg))}.modal-actions,.guess-form{width:240px}.result-preview-card{height:min(620px,100dvh - 32px)}.result-preview-card>.mock-doodle{transform:scale(4.5) rotate(var(--doodle-turn,0deg))}}.pencil-sizes{justify-items:end;padding-right:clamp(10px,1vw,16px)}.pencil-size{justify-content:flex-end;justify-self:end}.pencil-visual{transform-origin:100%;left:auto;right:0}.palette{box-sizing:content-box;padding-left:7px;padding-right:7px;overflow:visible}.brand{font-family:var(--font-playwrite-be-vlg),cursive;font-weight:400}@media (max-width:1100px){.workspace{flex-direction:column;width:100%;height:auto;min-height:0;display:flex}.workspace:after{display:none}.canvas-area{width:100%;min-width:0;padding-right:0}.paper-wrap{aspect-ratio:4/3;flex:none;width:100%;height:auto;min-height:0}.paper-wrap canvas{width:100%;height:100%}.side-panel{flex-direction:column;width:100%;min-width:0;padding:34px 0 0;display:flex}.tools-section{width:100%;min-width:0}.action-section{width:100%;min-height:0;padding:28px 0 0;display:block}.ready-draw{width:100%;height:auto;display:block}.gacha-slot{justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:0}}@media (max-width:768px){:root{--paper:#fff;--cream:#fff}html,body,.studio-shell,.workspace,.canvas-area,.side-panel,.tools-section,.canvas-heading,.action-section,.tutorial-card,.draw-modal,.archive-backdrop,.archive-panel,.result-preview-card{background-color:#fff;background-image:none}.tutorial-backdrop,.draw-modal-backdrop,.name-modal-backdrop,.result-preview-backdrop{background-color:#ffffffe6}.canvas-heading:hover,.canvas-heading:active{background-color:#fff}.studio-shell{background-image:none;width:100%;max-width:100%;height:100dvh;min-height:0;padding:6px 12px 8px;overflow:visible}.topbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;min-width:0;height:44px;min-height:44px}.brand{font-size:21px}.header-meta{flex-wrap:nowrap;justify-content:flex-end;gap:7px;min-width:0;max-width:100%}.header-meta .desktop-nav,.header-meta .edition{display:none}.header-meta .mobile-menu-button{border:1.5px solid #000;flex-direction:column;flex:0 0 30px;justify-content:center;gap:3px;width:30px;height:27px;padding:5px 6px;display:flex;transform:rotate(1deg)}.mobile-menu-button span{border-top:1.5px solid #000;width:100%;display:block;transform:rotate(-1deg)}.mobile-menu-button span:nth-child(2){transform:rotate(1.5deg)}.header-meta .mobile-navigation{z-index:30;background:#fff;border:1.5px solid #000;flex-direction:column;align-items:stretch;width:max-content;min-width:158px;padding:5px;display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:rotate(.3deg);box-shadow:3px 4px #000}.header-meta .mobile-navigation button{text-align:left;white-space:nowrap;border:0;border-bottom:1px solid #000;width:100%;padding:9px 10px;display:block}.header-meta .mobile-navigation button:last-child{border-bottom:0}.workspace{flex-direction:column;width:100%;height:auto;min-height:0;display:flex}.workspace:after{display:none}.canvas-area{-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;min-width:0;padding:0;display:flex}.canvas-heading{flex:none;width:100%;height:72px;min-height:72px;margin-bottom:18px;padding:16px 8px 4px}.canvas-heading>div>p{margin-bottom:4px;padding-top:0}.prompt-line{gap:12px;min-width:0}.prompt-line h1{min-width:0;font-size:clamp(17px,5vw,22px)}.prompt-refresh{flex-basis:30px;width:30px;height:28px}.paper-wrap{aspect-ratio:4/3;flex:none;width:100%;height:auto;min-height:0}.paper-wrap canvas{touch-action:none;width:100%;height:100%}.paper-wrap,.paper-wrap canvas{background:#fff}.canvas-ghost{transform:translate(-50%,-50%)rotate(-5deg)scale(.92)}.side-panel{flex-direction:column;gap:0;width:100%;min-width:0;padding:8px 0 0;display:flex;position:relative}.side-panel:before{display:none}.tools-section{flex-direction:column;width:100%;min-width:0;padding:3px 0 4px;display:flex;overflow:visible}.tools-section:after{display:none}.palette{box-sizing:border-box;flex-wrap:nowrap;order:1;justify-content:space-between;gap:5px;width:100%;max-width:100%;padding:3px 5px 5px;display:flex;overflow:visible}.paint-dot{flex:0 0 30px;width:30px;height:28px}.mobile-machine-pencil-row{order:3;grid-template-columns:minmax(0,25%) minmax(0,1fr);align-items:center;column-gap:16px;width:100%;display:grid;overflow-x:clip}.pencil-sizes{--pencil-row-gap:0;--pencil-row-height:42px;align-items:flex-end;gap:var(--pencil-row-gap);width:100%;max-width:none;margin:3px 0 0;padding:0 10px 2px 0}.pencil-size{width:100%;height:var(--pencil-row-height);justify-content:flex-end;align-self:stretch;margin:0;overflow:visible}.pencil-visual,.pencil-size.selected .pencil-visual,.pencil-size:hover .pencil-visual,.pencil-size.selected:hover .pencil-visual{width:min(300px,100%);max-width:100%;margin-left:auto;margin-right:0;position:relative;top:auto;left:auto;right:auto;transform:none}.pencil-size.selected .pencil-visual,.pencil-size.selected:hover .pencil-visual{transform:translate(-8px)}.pencil-size-1 .pencil-visual{height:9px}.pencil-size-2 .pencil-visual{height:20px}.pencil-size-3 .pencil-visual{height:35px}.mobile-machine-pencil-row .pencil-visual{max-width:100%}.utility-tools{flex-wrap:nowrap;order:2;align-items:center;gap:12px;width:100%;min-height:38px;padding:0 2px;display:flex}.bucket-icon,.eraser-icon{flex-basis:36px;width:36px;height:36px}.utility-tools .eraser{margin:0}.bucket-tool.selected .bucket-straight{opacity:0;transform:scale(.92)rotate(4deg)}.bucket-tool.selected .bucket-pour{opacity:1;transform:scale(1.08)rotate(0)}.eraser.selected .eraser-raised{opacity:0;transform:scale(.94)rotate(-3deg)}.eraser.selected .eraser-grounded{opacity:1;transform:scale(1.08)translateY(1px)}.action-section{width:100%;min-height:0;padding:2px 0 0;display:block;overflow:visible}.ready-draw{width:100%;height:auto;display:block}.gacha-slot{justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:0;display:flex;overflow:visible}.action-section .gacha-machine{display:none}.mobile-gacha-machine{place-self:center start;width:100%;max-width:none;height:auto;display:block}.machine-controls{gap:4px;width:clamp(190px,58%,240px);max-width:240px;margin-top:18px}.machine-controls button{height:34px;font-size:10px}}@media (min-width:1101px){.workspace{height:calc(100dvh - 120px);min-height:0;max-height:940px}.canvas-area,.side-panel{height:100%;min-height:0}.paper-wrap{flex:auto;min-height:0}.side-panel{flex-direction:column;display:flex}.tools-section{min-height:0;padding:clamp(8px,1.2dvh,14px) 4px clamp(10px,1.4dvh,18px)}.pencil-sizes{gap:var(--pencil-row-gap);margin-top:clamp(12px,1.8dvh,18px);padding-top:0;padding-bottom:2px}.pencil-size-1,.pencil-size-2,.pencil-size-3{height:var(--pencil-row-height)}.palette{gap:13px 16px;width:244px;padding-top:clamp(6px,1dvh,10px);padding-bottom:clamp(8px,1.2dvh,14px)}.utility-tools{margin-top:clamp(3px,.5dvh,6px)}.action-section{flex:auto;height:auto;min-height:0;padding:clamp(14px,2dvh,22px) 5px 4px}.ready-draw,.gacha-slot{height:100%;min-height:0}.gacha-slot{justify-content:flex-end;align-items:center}.gacha-machine{flex:0 auto;width:78%;max-width:100%;height:auto;min-height:0;max-height:calc(100% - 52px)}.machine-controls{flex:none;gap:4px;width:88%;margin-top:4px}.machine-controls button{height:clamp(32px,4dvh,40px)}}@media (min-width:1500px){.palette{gap:13px 12px}}@media (min-width:1101px){.studio-shell{padding-bottom:6px;overflow-x:clip}.side-panel{padding-top:90px}.pencil-size{animation:.72s cubic-bezier(.22,.72,.28,1) both pencil-enter}.pencil-size:nth-child(2){animation-delay:80ms}.pencil-size:nth-child(3){animation-delay:.16s}.pencil-visual{--pencil-panel-gutter:clamp(24px,2.2vw,36px);left:calc(30px - var(--pencil-panel-gutter) - clamp(16px,2vw,28px) - 4px);right:auto;transform:translateY(-50%)}.pencil-size:hover .pencil-visual{transform:translate(-12px,-50%)}.pencil-size.selected .pencil-visual,.pencil-size.selected:hover .pencil-visual{transform:translate(-20px,-50%)}}@media (min-width:1500px){.pencil-visual{--pencil-panel-gutter:56px}}@keyframes pencil-enter{0%{opacity:0;transform:translate(100%)}88%{opacity:1;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@media (min-width:769px){.pencil-visual{width:min(clamp(330px,27vw,470px),100% + clamp(20px,4vw,62px) - 32px);left:auto;right:calc(clamp(-62px,-4vw,-20px) - 62px)}}@media (min-width:1101px){.pencil-visual{transform-origin:0}.pencil-size.selected .pencil-visual,.pencil-size.selected:hover .pencil-visual{transform:translate(-20px,-50%)scale(1.035)}}@media (max-width:768px){.pencil-visual,.pencil-size:hover .pencil-visual{width:min(340px,100% + 20px);max-width:none;margin-right:-56px;transform:none}.pencil-size-1 .pencil-visual{width:271px}.pencil-size-2 .pencil-visual{width:263px}.pencil-size-3 .pencil-visual{width:252px}.pencil-size.selected .pencil-visual,.pencil-size.selected:hover .pencil-visual{transform:translate(-8px)scale(1.035)}}.machine-controls button,.draw-button,.enter-draw,.name-modal .name-submit,.modal-draw-button,.tutorial-start,.archive-card button:not(.archive-delete),.archive-empty button,.archive-toolbar button:last-of-type,.report-form button:last-child,.confirm-modal button:last-child,.submit,.success button{color:#fff;text-shadow:none;background-color:#000;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #000;border-radius:4px;transition:background-color .15s,opacity .15s,transform .1s;-webkit-mask:none;mask:none}.machine-controls button:hover:not(:disabled),.draw-button:hover:not(:disabled),.enter-draw:hover:not(:disabled),.name-modal .name-submit:hover:not(:disabled),.modal-draw-button:hover:not(:disabled),.tutorial-start:hover:not(:disabled),.archive-card button:not(.archive-delete):hover:not(:disabled),.archive-empty button:hover:not(:disabled),.archive-toolbar button:last-of-type:hover:not(:disabled),.report-form button:last-child:hover:not(:disabled),.confirm-modal button:last-child:hover:not(:disabled),.submit:hover:not(:disabled),.success button:hover:not(:disabled){box-shadow:none;background-color:#222;transform:none}.machine-controls button:active:not(:disabled),.draw-button:active:not(:disabled),.enter-draw:active:not(:disabled),.name-modal .name-submit:active:not(:disabled),.modal-draw-button:active:not(:disabled),.tutorial-start:active:not(:disabled){background-color:#444;transform:translateY(1px)}.community-doodle{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.result-card .community-doodle{border:0;width:78%;height:62%}.result-preview-card>.community-doodle{width:min(72%,520px);height:min(62%,520px)}.pool-large-preview>.community-doodle{object-fit:contain;object-position:center;width:calc(100% - 60px);height:calc(100% - 130px)}.archive-preview .community-doodle{width:100%;height:100%;padding:8px}.pool-error{color:#9d1d12;margin:12px 0 0;font:800 10px/1.45 monospace}.pool-card-actions{gap:9px;margin-top:7px;display:flex}.pool-card-actions button{letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #000;padding:1px 0;font:900 7px monospace}.pool-card-actions button:last-child{margin-left:auto}.pool-card-actions button:disabled{opacity:.35;cursor:wait}.site-footer{text-align:center;color:#777;letter-spacing:.02em;margin:12px 0 0;font:500 10px/1.4 Arial,Helvetica,sans-serif}.paper-wrap{margin-bottom:5px;margin-right:5px}.canvas-ghost{width:165px;height:130px}.undo-tool,.machine-controls button{color:#000;box-shadow:none;isolation:isolate;background:#fff;border:0;border-radius:0;position:relative}.undo-tool:after,.machine-controls button:after{content:"";z-index:1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 54' preserveAspectRatio='none'%3E%3Cpath d='M2 4 C53 1 102 5 157 3 C191 2 215 5 238 2 L237 50 C193 53 145 49 96 52 C60 54 26 49 3 51 Z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;position:absolute;inset:-2px}.undo-tool:hover:not(:disabled),.machine-controls button:hover:not(:disabled){box-shadow:none;background:#f6f6f6;transform:translateY(-1px)}.undo-tool:active:not(:disabled),.machine-controls button:active:not(:disabled){background:#eee;transform:translateY(1px)}.header-meta .mobile-navigation button{border-bottom:0;position:relative}.header-meta .mobile-navigation button:not(:last-child):after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 4' preserveAspectRatio='none'%3E%3Cpath d='M0 2.2 C42 1.2 78 3 119 2.1 C169 1.1 220 2.9 300 1.8' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:4px;position:absolute;bottom:0;left:10px;right:10px}.brand{transform:none}.brand img{object-fit:contain;object-position:left center;width:clamp(170px,18vw,260px);height:34px;display:block}@media (max-width:768px){.paper-wrap{margin-bottom:5px;margin-right:5px}.brand img{width:150px;height:30px}}body *{font-family:var(--font-playpen-sans),sans-serif!important}.brand,.brand *{font-family:var(--font-playwrite-be-vlg),cursive!important}button{font-weight:600!important}h1,h2,h3{font-weight:700!important}p,small,label,.edition,.modal-kicker,.tutorial-kicker{font-weight:500!important}@media (hover:none) and (pointer:coarse){.canvas-area button,.tools-section button,.machine-controls button,.paper-wrap canvas{-webkit-tap-highlight-color:transparent}:is(.canvas-area button:focus:not(:focus-visible),.tools-section button:focus:not(:focus-visible),.machine-controls button:focus:not(:focus-visible)){outline:none}}@media (min-width:769px){.brand img{width:clamp(350px,30vw,450px);height:64px}.side-panel{grid-template-rows:auto minmax(0,1fr);row-gap:24px}.tools-section{padding-bottom:0}.pencil-sizes{--pencil-row-gap:0;--pencil-row-height:50px;margin-top:0;padding-bottom:0;transform:translateY(-13px)}.action-section{padding-top:0}.gacha-slot{justify-content:flex-start;min-height:0;transform:translateY(30px)}}.draw-modal,.tutorial-card,.archive-panel,.result-preview-card,.header-meta .mobile-navigation,.share-menu{box-shadow:none!important;border:0!important;border-radius:0!important}.draw-modal:before,.tutorial-card:after,.archive-panel:before,.result-preview-card:before,.header-meta .mobile-navigation:before,.share-menu:before{content:"";pointer-events:none;background:url(/assets/canvas-frame.svg?v=3) 50%/100% 100% no-repeat;position:absolute;inset:-5px;border:0!important;border-radius:0!important}.archive-panel:before,.header-meta .mobile-navigation:before,.share-menu:before{z-index:1}.modal-warning{z-index:2;text-align:center;color:#777;margin:12px 0 0;font-size:8px;line-height:1.4;position:relative}h1,h2,h3{text-transform:capitalize}button,.bucket-label,.eraser-label,.edition,.canvas-heading p,.modal-kicker,.tutorial-kicker,.archive-kicker,.pool-card p,.local-note,.modal-warning{text-transform:uppercase}.undo-tool,.machine-controls button,.name-modal .name-submit,.modal-draw-button,.tutorial-start,.archive-card-actions button,.archive-empty button,.archive-toolbar button,.confirm-modal button,.report-form button,.download-button,.actions button,.success button,.pool-card-actions button{isolation:isolate;position:relative;color:#000!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important}.undo-tool:after,.machine-controls button:after,.name-modal .name-submit:after,.modal-draw-button:after,.tutorial-start:after,.archive-card-actions button:after,.archive-empty button:after,.archive-toolbar button:after,.confirm-modal button:after,.report-form button:after,.download-button:after,.actions button:after,.success button:after,.pool-card-actions button:after{content:"";z-index:1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 54' preserveAspectRatio='none'%3E%3Cpath d='M2 4 C53 1 102 5 157 3 C191 2 215 5 238 2 L237 50 C193 53 145 49 96 52 C60 54 26 49 3 51 Z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;position:absolute;inset:-2px}.undo-tool:hover:not(:disabled),.machine-controls button:hover:not(:disabled),.name-modal .name-submit:hover:not(:disabled),.modal-draw-button:hover:not(:disabled),.tutorial-start:hover:not(:disabled),.archive-card-actions button:hover:not(:disabled),.archive-empty button:hover:not(:disabled),.archive-toolbar button:hover:not(:disabled),.confirm-modal button:hover:not(:disabled),.report-form button:hover:not(:disabled),.download-button:hover:not(:disabled),.actions button:hover:not(:disabled),.success button:hover:not(:disabled),.pool-card-actions button:hover:not(:disabled){transform:translateY(-1px);background:#f6f6f6!important}.tutorial-warning{z-index:2;color:#777;max-width:460px;margin:14px auto 0;font-size:9px;line-height:1.4;position:relative}@media (min-width:769px){.side-panel{row-gap:28px}}.draw-modal .modal-status{margin-bottom:16px}.modal-actions{gap:10px}.capsule-stage{margin:28px 0 18px}.modal-warning,.tutorial-warning,.local-note{font-size:9px;line-height:1.5}.undo-tool:disabled,.machine-controls button:disabled,.name-modal .name-submit:disabled,.modal-draw-button:disabled,.tutorial-start:disabled,.archive-card-actions button:disabled,.archive-empty button:disabled,.archive-toolbar button:disabled,.confirm-modal button:disabled,.report-form button:disabled,.download-button:disabled,.actions button:disabled,.success button:disabled,.pool-card-actions button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.12)}