@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Baloo2-500.woff2) format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Baloo2-700.woff2) format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Baloo2-800.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Quicksand-500.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Quicksand-600.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Quicksand-700.woff2) format("woff2")}*{box-sizing:border-box}body{font-family:Quicksand,sans-serif;margin:0;background:radial-gradient(circle at 20% 0%,#eaf6ff,#dceeff 55%,#cfe4ff);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));color:#33314b}.top-bar{width:min(1000px,100%);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.logo-img{width:104px;height:auto;display:block}.tool-cluster{display:flex;align-items:center;gap:8px}.diff-toggle{display:flex;border:3px solid #2E2A55;border-radius:999px;overflow:hidden;background:#fff;box-shadow:0 3px #2e2a552e}.ask{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:18px}.ask-title{font-family:"Baloo 2",sans-serif;font-size:clamp(22px,5vw,30px);font-weight:700;color:#2e2a55;text-align:center;margin:0;max-width:92vw}:root{--canvas-size: min(92vw, 62vh, 600px)}body[data-has-drawing]{--canvas-size: min(92vw, 66vh, 620px)}@supports (height: 1dvh){:root{--canvas-size: min(92vw, 62dvh, 600px)}body[data-has-drawing]{--canvas-size: min(92vw, 66dvh, 620px)}}.canvas-wrap{position:relative;background:#fffdf7;border:6px solid #2E2A55;border-radius:28px;box-shadow:0 10px #2e2a5526;padding:10px;width:var(--canvas-size);height:var(--canvas-size)}.canvas-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#b9b6d6;font-family:"Baloo 2",sans-serif;font-size:15px;text-align:center;padding:20px}.shape{cursor:pointer;transform-origin:center;animation:pop .35s ease backwards;transition:fill .15s ease}@media(hover:hover){.shape:hover{filter:brightness(.97)}}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.palette{display:flex;gap:10px;margin:18px 0 4px;flex-wrap:wrap;justify-content:center;max-width:420px}.swatch{width:38px;height:38px;border-radius:50%;border:3px solid #2E2A55;cursor:pointer;transition:transform .15s ease}@media(hover:hover){.swatch:hover{transform:scale(1.12)}}.swatch.active{transform:scale(1.18);box-shadow:0 0 0 3px #ffb627}.ask-row{display:flex;align-items:center;gap:10px;width:min(720px,96vw)}.ask-row input{flex:1;min-width:0;height:56px;border:3px solid #2E2A55;border-radius:16px;padding:0 16px;font-family:Quicksand,sans-serif;font-weight:600;font-size:16px;box-shadow:0 3px #2e2a5526}.ask-row input:focus{outline:3px solid #FFB627;outline-offset:1px}.mic-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;height:56px;border-radius:999px;border:none;background:linear-gradient(180deg,#ff8a6e,#ff6f59);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:17px;white-space:nowrap;cursor:pointer;box-shadow:0 5px #c74e3b;transition:transform .1s ease,box-shadow .1s ease}.mic-icon{font-size:22px;line-height:1}.draw-btn{flex:0 0 auto;height:56px;padding:0 20px;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:16px;background:#4da6ff;color:#fff;white-space:nowrap;border:3px solid #2E2A55;border-radius:16px;cursor:pointer;box-shadow:0 3px #2e2a5526;transition:transform .1s ease,box-shadow .1s ease}.draw-btn:active{transform:translateY(3px);box-shadow:none}.start-over-btn{display:none;flex:0 0 auto;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;border:3px solid #2E2A55;background:#fff;color:#2e2a55;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 3px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.start-over-btn:active{transform:translateY(3px);box-shadow:none}body[data-has-drawing] .mic-btn{width:56px;padding:0;border-radius:50%;gap:0}body[data-has-drawing] .mic-label{display:none}body[data-has-drawing] .mic-icon{font-size:24px}body[data-has-drawing] .start-over-btn{display:flex}body[data-has-drawing] .ask-title{font-size:clamp(17px,3.4vw,21px)}.mic-btn:active{transform:translateY(4px);box-shadow:0 2px #c74e3b}.mic-btn.listening{animation:pulse 1s ease infinite}@keyframes pulse{0%,to{box-shadow:0 6px #c74e3b,0 0 #ff6f5980}50%{box-shadow:0 6px #c74e3b,0 0 0 14px #ff6f5900}}.icon-btn{width:40px;height:40px;border-radius:13px;border:3px solid #2E2A55;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2e2a55;box-shadow:0 3px #2e2a5533;transition:transform .1s ease;font-size:17px}.icon-btn:active{transform:translateY(3px);box-shadow:none}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.diff-btn{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:13px;background:#fff;border:none;padding:8px 13px;cursor:pointer;color:#2e2a55;transition:background .15s ease}.diff-btn+.diff-btn{border-left:3px solid #2E2A55}.diff-btn.active{background:#ffb627}.section-label{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:14px;color:#2e2a55;margin-top:18px}.chips{display:flex;gap:14px;margin-top:10px;padding:4px 16px 10px;width:min(720px,100vw);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.trend-card{flex:0 0 auto;scroll-snap-align:start;width:132px;padding:8px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:3px solid #2E2A55;border-radius:18px;cursor:pointer;color:#2e2a55;font-family:"Baloo 2",sans-serif;box-shadow:0 4px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.trend-card:active{transform:translateY(3px);box-shadow:none}.trend-card-art{width:100%;aspect-ratio:1;object-fit:contain;background:#fffdf7;border-radius:12px;display:block}.trend-card-label{font-weight:700;font-size:13px;line-height:1.2;text-align:center;display:flex;align-items:center;gap:4px}.trend-card-label .emoji{font-size:15px}.error{font-size:13px;color:#c74e3b;margin:0 0 10px;text-align:center;max-width:340px}.site-footer{margin-top:28px;font-size:12px}.site-footer a{color:#6b688a}@media(max-width:620px){.mic-label{display:none}.mic-btn{width:56px;padding:0;border-radius:50%;gap:0}.draw-btn{padding:0 14px;font-size:15px}}#canvasSvg [data-id]{cursor:url(/cursor-brush.png) 0 0,crosshair}body[data-zoomed] #canvasSvg{cursor:grab}body[data-zoomed] #canvasSvg:active{cursor:grabbing}body[data-zoomed] #canvasSvg [data-id]{cursor:url(/cursor-brush.png) 0 0,crosshair}.zoom-controls{position:absolute;right:14px;bottom:14px;display:none;flex-direction:column;gap:6px}body[data-has-drawing] .zoom-controls{display:flex}.zoom-btn{width:38px;height:38px;border-radius:12px;border:3px solid #2E2A55;background:#ffffffeb;color:#2e2a55;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:19px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.zoom-btn:active{transform:translateY(3px);box-shadow:none}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}#canvasSvg{touch-action:none}.suggestion-row{display:none;flex-direction:column;align-items:center;margin-top:16px}.suggestion-row .section-label{margin-top:0}.chips-wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:min(560px,94vw);margin-top:8px}.chips-wrap .chip{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:14px;background:#fff;border:3px solid #2E2A55;border-radius:999px;padding:8px 16px 8px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#2e2a55;box-shadow:0 3px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.chips-wrap .chip:active{transform:translateY(2px);box-shadow:none}.chips-wrap .chip .emoji{font-size:17px}.paint-tools{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:18px 0 4px}.paint-tools .palette{margin:0}.swatch{padding:0}.undo-btn{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;border:3px solid #2E2A55;background:#fff;color:#2e2a55;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 3px #2e2a552e;transition:transform .1s ease,box-shadow .1s ease}.undo-btn:active:not(:disabled){transform:translateY(3px);box-shadow:none}.undo-btn:disabled{opacity:.4;cursor:not-allowed}.loader{display:flex;flex-direction:column;align-items:center;gap:4px}.loader-mascot{width:min(148px,40%);height:auto;display:block;transform-origin:60% 90%;animation:mascot-paint 1.6s ease-in-out infinite}@keyframes mascot-paint{0%,to{transform:translateY(0) rotate(-3.5deg)}50%{transform:translateY(-9px) rotate(3.5deg)}}.loader-squiggle{width:min(200px,55%);height:auto;margin-top:-4px}.loader-squiggle path{fill:none;stroke:#2ec4b6;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;animation:squiggle-draw 2.4s ease-in-out infinite}@keyframes squiggle-draw{0%{stroke-dashoffset:420}55%{stroke-dashoffset:0}75%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.loader-text{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:16px;color:#6b688a;margin:2px 0 0}.loader-text span{animation:dot-fade 1.4s infinite}.loader-text span:nth-child(2){animation-delay:.2s}.loader-text span:nth-child(3){animation-delay:.4s}@keyframes dot-fade{0%,60%,to{opacity:.25}30%{opacity:1}}.canvas-busy{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:20px;background:#fffdf7db;display:flex;align-items:center;justify-content:center;z-index:2}@media(prefers-reduced-motion:reduce){.loader-mascot{animation:none}.loader-squiggle path{animation:none;stroke-dashoffset:0}.loader-text span{animation:none;opacity:1}}