.paint-interaction[data-v-409663e7]{position:relative;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.paint-canvas[data-v-409663e7]{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.paint-canvas.is-stirring[data-v-409663e7]{cursor:none}.palette-knife[data-v-409663e7]{position:absolute;width:clamp(100px,30%,180px);height:auto;overflow:visible;pointer-events:none;filter:drop-shadow(1px 5px 3px #38271055);transform:translate(-3.3%,-53%) rotate(-35deg);transform-origin:3.3% 53%}.canvas-fallback[data-v-409663e7]{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-size:.875rem}svg[data-v-0a4d10aa]{display:block;width:100%;height:auto}.fill-region[data-v-0a4d10aa]{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.fill-region[data-v-0a4d10aa]:focus-visible{outline:none;stroke:#a25b3d;stroke-width:4.5}@media(hover:hover){.fill-region[data-v-0a4d10aa]:hover{stroke:#a25b3d;stroke-width:3.8}}.color-inspiration[data-v-aaf4a797]{grid-column:1 / -1;margin-top:12px;padding-top:10px;border-top:1px solid #e6d3be}.inspiration-heading[data-v-aaf4a797]{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;margin-bottom:3px;color:var(--green);font-size:12px;font-weight:700;line-height:1.45}.inspiration-heading strong[data-v-aaf4a797]{color:var(--ink);font-size:16px}.inspiration-description[data-v-aaf4a797],.inspiration-alternatives[data-v-aaf4a797],.inspiration-fallback[data-v-aaf4a797]{color:var(--muted);font-size:12px;line-height:1.5}.inspiration-alternatives[data-v-aaf4a797]{margin-top:2px}.inspiration-coloring[data-v-aaf4a797]{margin-top:4px}.inspiration-coloring summary[data-v-aaf4a797]{display:flex;align-items:center;gap:6px;min-height:40px;color:#845138;font-size:12px;font-weight:700;list-style:none;cursor:pointer}.inspiration-coloring summary[data-v-aaf4a797]::-webkit-details-marker{display:none}.inspiration-coloring summary svg[data-v-aaf4a797]:last-child{margin-left:auto}.inspiration-coloring[open] summary svg[data-v-aaf4a797]:last-child{transform:rotate(180deg)}.inspiration-works[data-v-aaf4a797]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.inspiration-works button[data-v-aaf4a797]{padding:5px 3px;border:1px solid #ddc6ad;border-radius:8px;background:#fffaf0;text-align:center}.inspiration-works button[data-v-aaf4a797]:hover{border-color:#a66f50}.inspiration-works strong[data-v-aaf4a797],.inspiration-works span[data-v-aaf4a797]{display:block;font-size:12px}.inspiration-works span[data-v-aaf4a797]{margin-top:2px;color:var(--muted);font-size:10px}@media(max-width:900px){.color-inspiration[data-v-aaf4a797]{margin-top:1px;padding-top:6px}.inspiration-heading[data-v-aaf4a797]{margin-bottom:2px}.inspiration-heading strong[data-v-aaf4a797]{font-size:15px}}.mode-rail[data-v-bcea8f30]{width:min(1320px,calc(100% - 64px));margin:12px auto 0}.mode-switch[data-v-bcea8f30]{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:12px;background:#f1e5d6}.mode-switch button[data-v-bcea8f30]{display:flex;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:650;white-space:nowrap;transition:background-color .15s,color .15s}.mode-switch button[data-v-bcea8f30]:hover{background:#f9efe2}.mode-switch button[aria-pressed=true][data-v-bcea8f30]{border-color:#e0c9af;background:#fff7eb;color:var(--ink);box-shadow:0 1px 3px #633d1c14}@media(max-width:900px){.mode-rail[data-v-bcea8f30]{width:min(700px,calc(100% - 28px));margin-top:9px}}@media(max-width:540px){.mode-rail[data-v-bcea8f30]{width:calc(100% - 18px)}.mode-switch[data-v-bcea8f30]{display:flex}.mode-switch button[data-v-bcea8f30]{flex:1;padding-inline:5px}}.challenge-panel[data-v-4a4cbdb4]{display:grid;gap:13px;padding:clamp(13px,2vw,23px);border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff7ec,#f8ede0);box-shadow:var(--shadow);animation:settle-4a4cbdb4 .21s ease-out both}@keyframes settle-4a4cbdb4{0%{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.challenge-heading[data-v-4a4cbdb4]{display:flex;justify-content:space-between;align-items:start;gap:8px}.challenge-heading h2[data-v-4a4cbdb4]{color:var(--ink);font:700 clamp(18px,2vw,24px)/1.3 var(--serif);letter-spacing:.025em}.challenge-date[data-v-4a4cbdb4]{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:4px;color:var(--muted);font-size:12px}.challenge-link[data-v-4a4cbdb4]{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:4px 6px;border:0;border-radius:8px;background:transparent;color:#76513a;font-size:12px;font-weight:650;white-space:nowrap}.challenge-link[data-v-4a4cbdb4]:hover{background:#f0e0cd}.level-heading[data-v-4a4cbdb4]{display:flex;justify-content:space-between;align-items:center;color:#684832;font-size:13px}.level-heading span[data-v-4a4cbdb4]{padding:3px 7px;border:1px solid #e6cfb6;border-radius:5px;background:#f7ead9}.level-track[data-v-4a4cbdb4]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.level-track button[data-v-4a4cbdb4]{display:grid;place-items:center;min-height:44px;padding:0;border:1px solid #dfcbb6;border-radius:8px;background:#f9ede0;color:#65472f;font-size:13px;font-weight:700}.level-track button[data-v-4a4cbdb4]:hover:not(:disabled){background:#f2dfc9}.level-track button.done[data-v-4a4cbdb4]{border-color:#cdd4b8;background:#ebeedf;color:var(--green)}.level-track button[aria-current=step][data-v-4a4cbdb4]{border-color:#ad7758;background:#f5dfca;color:#6c3f2d;box-shadow:inset 0 -2px #ae6e4e}.challenge-colors[data-v-4a4cbdb4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.color-well[data-v-4a4cbdb4]{min-width:0}.color-well h3[data-v-4a4cbdb4]{margin-bottom:5px;color:var(--ink);font-size:13px;line-height:1.3}.challenge-swatch[data-v-4a4cbdb4]{height:clamp(60px,8vw,105px);border:1px solid #61402235;border-radius:9px;box-shadow:inset 0 1px 3px #251a141c}.challenge-swatch--empty[data-v-4a4cbdb4]{border-style:dashed;background:repeating-linear-gradient(135deg,#f3e6d6 0 8px,#f9efe4 8px 16px);box-shadow:none}.color-well code[data-v-4a4cbdb4]{display:block;margin-top:4px;color:var(--muted);font-size:12px}.challenge-status[data-v-4a4cbdb4]{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:6px;padding:8px 9px;border:1px solid #e3cfb8;border-radius:9px;background:#f4e7d7}.challenge-status div[data-v-4a4cbdb4]{display:grid;gap:3px;min-width:0}.challenge-status div>span[data-v-4a4cbdb4]{color:var(--muted);font-size:11px}.challenge-status strong[data-v-4a4cbdb4]{font-size:12px;font-variant-numeric:tabular-nums}.limit-note[data-v-4a4cbdb4],.level-tip[data-v-4a4cbdb4]{color:#795339;font-size:12px;line-height:1.45}.limit-note[data-v-4a4cbdb4]{color:#884b34;font-weight:700}.challenge-footer[data-v-4a4cbdb4]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;border-top:1px solid #ead9c6}@media(max-width:900px){.challenge-panel[data-v-4a4cbdb4]{grid-area:result;gap:8px;padding:9px 11px 6px}.challenge-swatch[data-v-4a4cbdb4]{height:48px}.challenge-footer[data-v-4a4cbdb4]{display:none}.challenge-footer--complete[data-v-4a4cbdb4]{display:flex;justify-content:end;margin-top:-3px}.challenge-back[data-v-4a4cbdb4]{display:none}}.match-result[data-v-bd2dc6ba],.daily-result[data-v-bd2dc6ba],.history-results[data-v-bd2dc6ba]{display:grid;gap:11px}.match-score[data-v-bd2dc6ba],.daily-score[data-v-bd2dc6ba]{padding:13px;border:1px solid #d9cfac;border-radius:12px;background:radial-gradient(ellipse at 68% 30%,#faf1db,#f0ead6 70%);color:#59462e;animation:arrive-bd2dc6ba .25s ease-out both}@keyframes arrive-bd2dc6ba{0%{opacity:.68;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.match-score[data-v-bd2dc6ba]{display:flex;align-items:center;justify-content:space-between;gap:8px}.match-score span[data-v-bd2dc6ba],.match-score small[data-v-bd2dc6ba],.daily-score small[data-v-bd2dc6ba]{font-size:13px}.match-score strong[data-v-bd2dc6ba],.daily-total strong[data-v-bd2dc6ba]{color:var(--ink);font:700 clamp(36px,9vw,54px)/1.08 Georgia,var(--serif);font-variant-numeric:tabular-nums}.match-grade[data-v-bd2dc6ba]{display:grid;justify-items:end;gap:4px;color:#795333;font-size:13px;font-weight:700}.match-stars[data-v-bd2dc6ba]{display:flex;gap:3px;color:#a88d70}.match-stars .earned[data-v-bd2dc6ba]{fill:#d7a34c;color:#a16b28}.result-colors[data-v-bd2dc6ba]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.result-colors>div[data-v-bd2dc6ba]{display:grid;gap:4px;color:var(--muted);font-size:13px}.result-chip[data-v-bd2dc6ba]{height:54px;border:1px solid #61402235;border-radius:8px;box-shadow:inset 0 1px 3px #251a141c}.result-colors code[data-v-bd2dc6ba]{font-size:12px}.result-feedback[data-v-bd2dc6ba],.result-meta[data-v-bd2dc6ba],.history-note[data-v-bd2dc6ba],.history-empty[data-v-bd2dc6ba]{color:var(--muted);font-size:13px;line-height:1.55}.result-feedback[data-v-bd2dc6ba]{color:var(--ink);font-weight:600}.result-meta[data-v-bd2dc6ba]{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:-6px}.result-recipe[data-v-bd2dc6ba],.history-day[data-v-bd2dc6ba]{border:1px solid #e6d1bb;border-radius:9px;background:#fff7eb}.result-recipe summary[data-v-bd2dc6ba],.history-day summary[data-v-bd2dc6ba]{cursor:pointer;min-height:44px;padding:11px 9px;color:#6d4934;font-size:13px;font-weight:650}.result-recipe ul[data-v-bd2dc6ba]{display:flex;flex-wrap:wrap;gap:5px 12px;margin:0;padding:0 10px 10px;list-style:none;font-size:13px}.result-recipe li[data-v-bd2dc6ba]{display:inline-flex;align-items:center;gap:4px}.tiny-swatch[data-v-bd2dc6ba]{display:inline-block;width:13px;height:13px;border:1px solid #3d2b2340;border-radius:50%;vertical-align:-2px}.result-actions[data-v-bd2dc6ba]{display:flex;justify-content:end;flex-wrap:wrap;gap:6px}.result-actions .save-button[data-v-bd2dc6ba]{min-height:44px;padding-inline:13px}.daily-score-top[data-v-bd2dc6ba],.daily-stats[data-v-bd2dc6ba],.daily-stats span[data-v-bd2dc6ba]{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px}.daily-score-top[data-v-bd2dc6ba]{font-size:12px}.daily-score-top>span[data-v-bd2dc6ba]{margin-left:auto}.daily-score-top svg[data-v-bd2dc6ba],.daily-stats svg[data-v-bd2dc6ba],.history-stars svg[data-v-bd2dc6ba]{flex:none;color:#9a6b31}.daily-total[data-v-bd2dc6ba]{margin-block:6px}.daily-stats[data-v-bd2dc6ba]{gap:7px 17px;font-size:13px}.daily-table[data-v-bd2dc6ba]{width:100%;border-collapse:collapse;table-layout:auto;font-size:13px}.daily-table td[data-v-bd2dc6ba],.daily-table th[data-v-bd2dc6ba]{padding:7px 3px;border-bottom:1px solid #ead9c6;text-align:left;white-space:nowrap}.daily-table thead th[data-v-bd2dc6ba]{color:var(--muted);font-size:12px}.daily-table td[data-v-bd2dc6ba]:last-child,.daily-table th[data-v-bd2dc6ba]:last-child{text-align:right}.daily-table code[data-v-bd2dc6ba]{margin-left:3px;font-size:12px}.visually-hidden[data-v-bd2dc6ba]{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden}.history-day summary[data-v-bd2dc6ba]{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;list-style:none}.history-day summary[data-v-bd2dc6ba]::-webkit-details-marker{display:none}.history-day summary[data-v-bd2dc6ba]:after{content:"";flex:none;width:7px;height:7px;margin:0 1px 3px auto;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.history-day[open] summary[data-v-bd2dc6ba]:after{transform:rotate(225deg);margin-bottom:-3px}.history-day .daily-table[data-v-bd2dc6ba]{width:calc(100% - 14px);margin:0 7px 5px}.history-day .daily-table tr[data-v-bd2dc6ba]:last-child>*{border-bottom:0}.history-stars[data-v-bd2dc6ba]{display:inline-flex;align-items:center;gap:3px}.history-completion[data-v-bd2dc6ba]{font-size:12px;font-weight:500}.history-empty[data-v-bd2dc6ba]{padding:14px 8px;border-radius:8px;background:#f4e8d9;text-align:center}@media(max-width:380px){.daily-table code[data-v-bd2dc6ba]{font-size:11px}.daily-table .tiny-swatch[data-v-bd2dc6ba]{width:10px;height:10px;vertical-align:-1px}}.share-dialog[data-v-a07182f2]{width:min(630px,calc(100% - 24px))}.share-inner[data-v-a07182f2]{padding:clamp(14px,3vw,22px)}.share-image[data-v-a07182f2]{display:grid;justify-items:center;margin:0}.share-image img[data-v-a07182f2]{display:block;width:auto;height:auto;max-width:100%;max-height:max(260px,calc(100dvh - 195px));border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 18px #68452d21}.share-placeholder[data-v-a07182f2]{display:grid;justify-items:center;align-content:center;gap:12px;min-height:160px;padding:16px;text-align:center;color:var(--muted)}.share-actions[data-v-a07182f2]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.share-actions button[data-v-a07182f2]{min-height:44px;padding-inline:5px;font-size:13px}.share-feedback[data-v-a07182f2]{margin-top:8px;color:var(--green);font-size:13px;line-height:1.45}.share-feedback[data-v-a07182f2]:empty{margin:0}.share-feedback--error[data-v-a07182f2]{color:#883e2c}@media(max-width:540px){.share-image img[data-v-a07182f2]{width:100%;max-height:none}.share-actions[data-v-a07182f2]{grid-template-columns:repeat(2,minmax(0,1fr))}.share-actions button[data-v-a07182f2]:last-child{grid-column:1 / -1}}.coloring-palette[data-v-6101c2a8]{min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff8ec;box-shadow:var(--shadow)}.coloring-selected[data-v-6101c2a8]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.coloring-selected h2[data-v-6101c2a8]{font-size:13px;margin-bottom:3px;color:var(--muted)}.coloring-selected-name[data-v-6101c2a8]{margin-right:8px;font-size:14px}.coloring-selected span[data-v-6101c2a8]{width:75px;height:42px;border:1px solid #66452d44;border-radius:9px}.coloring-tabs[data-v-6101c2a8]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.coloring-tabs button[data-v-6101c2a8],.coloring-families button[data-v-6101c2a8],.coloring-advanced button[data-v-6101c2a8]{min-height:44px;border:1px solid var(--line);border-radius:8px;padding-inline:5px;background:#f7eddf;color:#6b503f;font-size:12px;white-space:nowrap}.coloring-tabs button[aria-pressed=true][data-v-6101c2a8],.coloring-families button[aria-pressed=true][data-v-6101c2a8]{background:#e9d8c2;color:#543525;border-color:#b98663;font-weight:700}.coloring-families[data-v-6101c2a8]{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.coloring-families button[data-v-6101c2a8]{min-height:36px;padding:2px 8px}.coloring-help[data-v-6101c2a8]{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.5}.swatch-group[data-v-6101c2a8]{margin-top:12px}.swatch-group h3[data-v-6101c2a8]{margin:0 0 5px;font-size:12px;color:var(--muted)}.coloring-swatches[data-v-6101c2a8]{display:flex;flex-wrap:wrap;gap:5px;max-height:160px;overflow:auto;padding:3px}.coloring-swatches button[data-v-6101c2a8]{width:44px;height:44px;border:1px solid #66452d45;border-radius:8px;background:var(--swatch)}.coloring-swatches--families[data-v-6101c2a8]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-height:none;overflow:visible}.coloring-swatches--families button[data-v-6101c2a8]{width:100%;min-width:0}.coloring-swatches button[aria-pressed=true][data-v-6101c2a8]{outline:2px solid #8e5f43;outline-offset:1px;box-shadow:inset 0 0 0 2px #fffaf0}.coloring-advanced[data-v-6101c2a8]{border-top:1px solid var(--line);margin-top:14px}.coloring-advanced summary[data-v-6101c2a8]{padding:12px 0 4px;cursor:pointer;font-size:12px;color:var(--muted)}.coloring-advanced form[data-v-6101c2a8]{display:grid;grid-template-columns:auto minmax(0,1fr) 44px 52px;align-items:center;gap:5px;margin-top:7px;font-size:12px}.coloring-advanced input[data-v-6101c2a8]{min-width:0;width:100%;min-height:40px;border:1px solid var(--line);border-radius:7px;background:#fffaf1;color:var(--ink);padding:4px}@media(max-width:900px){.coloring-palette[data-v-6101c2a8]{padding:11px}.coloring-swatches--families[data-v-6101c2a8]{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}}.coloring-studio[data-v-f94b9ab0]{width:min(1320px,calc(100% - 64px));margin:18px auto 35px}.coloring-header[data-v-f94b9ab0]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px 14px;margin-bottom:14px}.coloring-header h1[data-v-f94b9ab0]{margin:0;font:700 clamp(22px,3vw,32px)/1.35 var(--serif);color:var(--ink)}.coloring-header h1[data-v-f94b9ab0]:focus{outline:none}.coloring-header h1 span[data-v-f94b9ab0]{font:500 13px/1.2 system-ui,sans-serif;color:var(--muted);margin-left:9px}.coloring-header p[data-v-f94b9ab0]{margin-top:4px;color:var(--muted);font-size:13px}.gallery-filters[data-v-f94b9ab0]{display:flex;gap:5px;overflow-x:auto;padding:2px 2px 8px}.gallery-filters button[data-v-f94b9ab0]{flex:none;min-height:40px}.gallery-filters button[aria-pressed=true][data-v-f94b9ab0]{border-color:#b88564;color:#704932;background:#f1dfca}.coloring-gallery[data-v-f94b9ab0]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gallery-card[data-v-f94b9ab0]{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff8ec;box-shadow:var(--shadow)}.gallery-card[data-v-f94b9ab0]:hover{border-color:#bc9475}.gallery-card-main[data-v-f94b9ab0]{width:100%;display:block;padding:0;border:0;background:transparent;text-align:left;color:var(--ink)}.gallery-card-main>span[data-v-f94b9ab0]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;padding:9px 11px;border-top:1px solid var(--line)}.gallery-card-main strong[data-v-f94b9ab0]{min-width:0;overflow-wrap:anywhere}.gallery-card-main small[data-v-f94b9ab0]{color:#80563c;font-size:11px;white-space:nowrap}.gallery-new[data-v-f94b9ab0],.studio-text-button[data-v-f94b9ab0]{display:inline-flex;align-items:center;gap:5px;color:#7b513a;border:0;background:transparent;font-size:12px;min-height:40px}.gallery-new[data-v-f94b9ab0]{margin-left:7px}.studio-text-button[data-v-f94b9ab0]{padding:0 3px}.coloring-saved h2[data-v-f94b9ab0]{margin:24px 0 10px;font-size:19px}.coloring-workspace[data-v-f94b9ab0]{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,340px);grid-template-areas:"paper palette" "controls palette";gap:9px 14px;align-items:start}.artwork-palette[data-v-f94b9ab0]{grid-area:palette}.artwork-controls[data-v-f94b9ab0]{grid-area:controls;min-width:0}.artwork-paper[data-v-f94b9ab0]{grid-area:paper;overflow:hidden;border:1px solid #d8c0a8;border-radius:17px;box-shadow:var(--shadow);background:#fffaf0}.artwork-paper svg[data-v-f94b9ab0]{max-height:68vh;touch-action:manipulation}.artwork-actions[data-v-f94b9ab0]{display:flex;gap:6px;flex-wrap:wrap}.artwork-actions button[data-v-f94b9ab0]{min-height:44px;padding-inline:8px;white-space:nowrap}.artwork-actions button[data-v-f94b9ab0]:last-child{margin-left:auto}.clear-confirmation[data-v-f94b9ab0]{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;padding:6px;border:1px solid var(--line);border-radius:8px;font-size:12px}.clear-confirmation p[data-v-f94b9ab0]{margin-right:auto}.artwork-meta[data-v-f94b9ab0]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 10px;margin-top:8px;color:var(--muted);font-size:12px}.artwork-meta label[data-v-f94b9ab0]{display:flex;align-items:center;gap:6px}.artwork-meta input[data-v-f94b9ab0]{width:min(220px,50vw);min-height:36px;padding:4px 6px;border:1px solid var(--line);border-radius:7px;background:#fffaf0;color:var(--ink)}.artwork-feedback[data-v-f94b9ab0],.coloring-warning[data-v-f94b9ab0]{color:#665646;font-size:12px;margin-top:7px}.coloring-warning[data-v-f94b9ab0]{color:#8a4c35}@media(max-width:900px){.coloring-studio[data-v-f94b9ab0]{width:min(700px,calc(100% - 28px));margin-top:11px}.coloring-workspace[data-v-f94b9ab0]{grid-template-columns:minmax(0,1fr);grid-template-areas:"paper" "palette" "controls"}.coloring-gallery[data-v-f94b9ab0]{grid-template-columns:repeat(3,minmax(0,1fr))}.artwork-paper svg[data-v-f94b9ab0]{max-height:none}}@media(max-width:540px){.coloring-studio[data-v-f94b9ab0]{width:calc(100% - 18px)}.coloring-gallery[data-v-f94b9ab0]{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.gallery-card-main>span[data-v-f94b9ab0]{padding:7px}.editor-header[data-v-f94b9ab0]{margin-bottom:8px}.editor-header .subtle-button[data-v-f94b9ab0]{padding-inline:8px}.artwork-actions button[data-v-f94b9ab0]:last-child{margin-left:0}}:root{color-scheme:light;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;color:#38281e;background:#f6eee3;font-synthesis:none;--ink: #38281e;--muted: #735e4d;--line: #dfcbb5;--surface: #fbf3e8;--soft: #f1e5d6;--accent: #9c4932;--accent-dark: #803924;--green: #455a37;--serif: "Songti SC", SimSun, "Noto Serif CJK SC", Georgia, serif;--shadow: 0 14px 42px #51371e0d, 0 2px 6px #51371e0b}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #996047;outline-offset:3px}h1,h2,h3,p{margin:0}.app{min-height:100vh;background:radial-gradient(ellipse at 47% 0%,#fdf7ed,#f5ecdf 73%)}.site-header{border-bottom:1px solid #d5bfa7;background:#f9f0e4dc}.header-inner{width:min(1320px,calc(100% - 64px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;min-height:91px;gap:18px}.brand{display:flex;align-items:center;gap:17px}.brand h1{font-family:var(--serif);font-size:clamp(21px,2.3vw,32px);line-height:1.1;font-weight:800;letter-spacing:.045em}.brand>div>span{display:block;margin-top:6px;color:#6f5442;font:15px/1 Georgia,serif;letter-spacing:.085em}.brand-mark{position:relative;display:block;width:54px;height:48px;flex:none;border-right:1px solid var(--line);padding-right:12px}.brand-mark i{position:absolute;width:24px;height:23px;border-radius:59% 47% 45% 53%;box-shadow:inset 2px 2px 3px #fff9,inset -2px -3px 3px #2b180e25}.brand-mark i:nth-child(1){left:8px;top:1px;background:#ad5941;transform:rotate(-18deg)}.brand-mark i:nth-child(2){left:1px;top:20px;background:#dcae35;transform:rotate(19deg)}.brand-mark i:nth-child(3){left:20px;top:22px;background:#8a9a70;transform:rotate(-16deg)}nav{display:flex;gap:5px}nav button,.subtle-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;min-height:44px;border-radius:9px;border:1px solid transparent;background:transparent;font-size:14px;font-weight:600;white-space:nowrap}nav button:hover,.subtle-button:hover{background:#f1e2d0;border-color:#e4cfb6}.studio{width:min(1320px,calc(100% - 64px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.74fr) minmax(305px,1fr);grid-template-areas:"bench inspector" "pigments actions";gap:16px;padding:21px 0 28px;align-items:start}.workbench{grid-area:bench;position:relative;overflow:hidden;border:1px solid #cfb38f;border-radius:20px;box-shadow:var(--shadow);background:#e5ccb0}.plate{aspect-ratio:3 / 2;position:relative;-webkit-user-select:none;user-select:none;isolation:isolate}.plate>img{position:absolute;width:100%;height:100%;object-fit:fill;pointer-events:none}.paint-layer{position:absolute;inset:8%}.plate-empty{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:10px;color:#715a44;pointer-events:none;text-align:center}.plate-empty>svg{color:#9c6c49}.plate-empty p{font-family:var(--serif);font-size:clamp(16px,2vw,23px);font-weight:600;line-height:1.55;letter-spacing:.055em}.bench-caption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;min-height:44px;padding:0 15px;gap:4px 8px;background:#f8ead9;border-top:1px solid #d8bd9b;font-size:13px;color:#684c36}.bench-caption span,.example-button{display:inline-flex;align-items:center;gap:6px}.studio-guide{display:flex;flex:1 1 410px;align-items:center;gap:9px;min-width:0}.guide-step{flex:none;padding:3px 7px;border:1px solid #dcc3a7;border-radius:6px;background:#fdf3e6;color:#684c36;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.studio-guide p{line-height:1.45}.guide-skip{flex:none;margin-left:auto;min-height:44px;padding:0 5px;border:0;border-radius:7px;background:transparent;color:#76513a;font-size:inherit;white-space:nowrap}.guide-skip:hover{text-decoration:underline;text-underline-offset:3px}.guide-skip:focus-visible,.example-button:focus-visible{outline-offset:-3px}.example-button{background:transparent;border:0;min-height:44px;padding:2px 4px;font-weight:700;color:#7e422a}.example-button:hover{color:#592719;text-decoration:underline;text-underline-offset:3px}.inspector{grid-area:inspector;display:grid;gap:12px}.result-card,.recipe-card,.studio-actions{border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff7ec,#f8ede0);box-shadow:var(--shadow)}.result-card{padding:clamp(14px,2.1vw,25px)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#765641}.section-heading h2,.recipe-card summary span:first-child{color:var(--ink);font:700 clamp(19px,2vw,25px)/1.3 var(--serif);letter-spacing:.04em}.result-swatch{min-height:clamp(82px,11vw,145px);margin:15px 0 10px;border:1px solid #61402224;border-radius:13px;display:grid;place-items:center;box-shadow:inset 0 1px 4px #251a1414;color:var(--muted);font-size:13px}.result-swatch--empty{background:repeating-linear-gradient(135deg,#f3e6d6,#f3e6d6 10px,#f6ebdf 10px 20px);border:1px dashed #d7bfa7;box-shadow:none}.result-swatch--empty span{background:#fcf5e9e8;border-radius:6px;padding:5px 8px}.color-values{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) auto;align-items:center;gap:6px 10px}.color-values>div{display:grid;gap:3px}.color-values>div>span{font:600 11px/1 system-ui,sans-serif;letter-spacing:.08em;color:var(--muted)}.color-values strong,code{font-family:ui-monospace,Consolas,monospace;font-size:clamp(12px,1.2vw,16px)}.icon-button{display:inline-grid;place-items:center;min-width:40px;min-height:40px;border:1px solid #e1cdb7;border-radius:9px;background:#fcf3e8;color:#654a37}.icon-button:hover:not(:disabled){background:#efe0cc}.mix-indicator{display:flex;align-items:center;gap:7px;min-height:39px;margin-top:15px;padding:5px 9px;color:#6d5139;background:#f1e4d3;border:1px solid #e2cfb8;border-radius:9px;font-size:13px;font-weight:650}.mix-indicator--mixed{color:var(--green);background:#ebeedb;border-color:#d9dec4}.mix-label{font-size:11px;font-weight:500}.mix-status-icon{position:relative;display:inline-grid;place-items:center;flex:none}.mix-indicator--mixed .mix-status-icon{animation:mix-check .38s cubic-bezier(.22,.72,.35,1) both}.mix-indicator--mixed .mix-status-icon:before{content:"";position:absolute;inset:-4px;border:1px solid #82976c;border-radius:50%;animation:mix-ring .51s ease-out both}@keyframes mix-check{0%{transform:scale(.55);opacity:.35}62%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes mix-ring{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.4);opacity:0}}.result-note{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.4}.result-note--mixed{color:var(--green);font-weight:650}.mix-meter{display:block;flex:1;max-width:200px;height:5px;margin-left:auto;border-radius:8px;background:#d5c1a776;overflow:hidden}.mix-meter i{display:block;height:100%;border-radius:inherit;background:#75855c;transition:width .13s ease-out}.recipe-card{padding:0 clamp(13px,2vw,24px) 10px}.recipe-card summary{cursor:pointer;min-height:52px;display:flex;align-items:center;gap:8px;list-style:none}.recipe-card summary::-webkit-details-marker{display:none}.recipe-card summary span:nth-child(2){margin-left:auto;color:var(--muted);font-size:13px}.recipe-card summary:after{content:"";width:7px;height:7px;margin:0 2px 3px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.recipe-card[open] summary:after{transform:rotate(225deg);margin-bottom:-3px}.recipe-card:not([open]){padding-bottom:0}.recipe-empty,.palette-empty{color:var(--muted);font-size:14px;line-height:1.55;padding:3px 0 10px}.recipe-list{display:grid;gap:3px}.recipe-row{display:grid;grid-template-columns:15px auto minmax(27px,auto) minmax(18px,1fr) auto;align-items:center;gap:8px;padding:0 0 0 7px;border-top:1px solid #ead9c6;font-size:14px}.recipe-row strong{font-size:13px;font-weight:600}.paint-dot{width:14px;height:14px;border-radius:50%;border:1px solid #3d2b2330;box-shadow:inset 1px 1px 2px #fff5}.proportion{display:block;height:6px;border-radius:7px;overflow:hidden;background:#e8d9c6}.proportion i{display:block;height:100%;border-radius:inherit}.remove-part{border:0;background:transparent;min-width:44px;min-height:44px}.pigments{grid-area:pigments;min-width:0;padding:11px 13px 12px;border-radius:17px;border:1px solid var(--line);background:linear-gradient(160deg,#f5e7d7,#f9eddf);box-shadow:var(--shadow)}.pigments-heading{display:flex;justify-content:space-between;align-items:baseline;gap:5px;margin:0 3px 7px}.pigments-heading h2{font:700 17px/1.3 var(--serif)}.pigments-heading span{color:var(--muted);font-size:12px}.pigment-list{display:grid;grid-template-columns:repeat(5,minmax(59px,1fr));gap:clamp(5px,1.25vw,14px);overflow:auto;padding:3px 2px 4px}.paint-tube{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:92px;padding:6px 3px;background:linear-gradient(158deg,#fff8ed,#f7ecdd);border:1px solid #d9bea3;border-radius:11px;box-shadow:0 2px 2px #61432a17;transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease}.paint-tube:hover{border-color:#b78c65;box-shadow:0 4px 8px #61432a24;transform:translateY(-2px)}.paint-tube:active{transform:translateY(1px) scale(.96)}.tube-art{display:grid;align-content:start;justify-items:center;width:52px;height:52px;filter:drop-shadow(1px 2px 2px #72583d3e)}.tube-cap{width:22px;height:10px;border:1px solid #756a5a;border-radius:4px 4px 2px 2px;background:repeating-linear-gradient(90deg,#938e83 0 1px,#d1c9b9 1px 3px);box-shadow:inset 0 1px 1px #fff9}.tube-body{display:grid;place-items:center;position:relative;width:44px;height:42px;border-radius:13px 13px 4px 4px;border:1px solid #b19a80;background:linear-gradient(105deg,#bfb09b,#fcf0db 22%,#ece1cf 70%,#c6b098);box-shadow:inset 0 -4px #8c7e683f,inset 0 -6px #fbf0d8;transform:perspective(45px) rotateX(10deg)}.tube-dab{display:block;width:25px;height:16px;border-radius:67% 48% 55% 40%;background:var(--paint);transform:rotate(-12deg);box-shadow:inset 2px 3px 3px #fff7,inset -2px -3px 3px #24100654,1px 2px 2px #44260742}.tube-name{font-weight:700;font-size:14px;line-height:1.3}.tube-english{color:var(--muted);font:11px/1.2 Georgia,serif}.tube-count{position:absolute;z-index:1;top:4px;right:4px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;color:#fff8ed;background:#593c29;border:1px solid #f5e9d7;border-radius:999px;font:700 11px/1 system-ui,sans-serif;animation:count-pop .17s ease-out both}.tube-count--empty{visibility:hidden}@keyframes count-pop{0%{transform:scale(.72)}72%{transform:scale(1.14)}to{transform:scale(1)}}.studio-actions{grid-area:actions;padding:10px;display:grid;gap:5px}.action-line{display:flex;gap:5px;align-items:stretch}.history-actions{display:flex;flex:1;gap:4px}.history-actions button,.stir-button,.save-button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:52px;padding:6px 7px;border:1px solid #dcc2a8;border-radius:10px;background:linear-gradient(#fff8ee,#f1e1cc);box-shadow:inset 0 1px #fff9,0 2px 3px #6d442715;font-size:12px;font-weight:650;white-space:nowrap}.history-actions button{flex:1;min-width:40px;flex-direction:column}.history-actions button:hover:not(:disabled),.stir-button:hover:not(:disabled){background:#eddbc4}.stir-button{background:#e9ebd9;color:#4e593b;border-color:#cbcfad}.stir-button:hover:not(:disabled){background:#dfe3ca}.save-button{color:#fff8ef;background:linear-gradient(#b65c3e,#9c4932);border-color:#904129;padding-inline:9px;box-shadow:inset 0 1px #fff4,0 2px 3px #6d442721}.save-button:hover:not(:disabled){background:var(--accent-dark)}.secondary-actions{display:flex;align-items:center;justify-content:end;gap:5px}.secondary-actions p{margin-right:auto;padding-left:6px;color:var(--green);font-size:12px;line-height:1.45}.secondary-actions .challenge-submit-hint,.pigment-limit{color:var(--muted);font-size:12px;line-height:1.45}.pigment-limit{margin:5px 3px 0}.paint-tube:disabled{transform:none;border-color:#d9bea3;box-shadow:none}.studio-mode{animation:studio-mode-in .15s ease-out}.coloring-return{width:min(1320px,calc(100% - 64px));margin:10px auto 0;padding:4px 9px 4px 12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px 9px;border:1px solid var(--line);border-radius:10px;background:#f5e8d8;color:var(--muted);font-size:13px}@media(max-width:900px){.coloring-return{width:min(700px,calc(100% - 28px))}}@keyframes studio-mode-in{0%{opacity:.7}to{opacity:1}}.secondary-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#76513a;font-size:13px}.secondary-actions button{flex:none}.secondary-actions button:hover:not(:disabled){background:#edddc8}.studio-dialog{width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 36px);padding:0;border:1px solid #d6bca0;border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 16px 65px #41281455}.studio-dialog--wide{width:min(760px,calc(100% - 24px))}.studio-dialog::backdrop{background:#35241867;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-inner{padding:clamp(17px,4vw,26px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.dialog-heading h2{font:700 25px/1.2 var(--serif)}.dialog-heading .icon-button{min-width:44px;min-height:44px}.palette-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}.palette-toolbar p,.dialog-note,.help-steps p{font-size:14px;line-height:1.6;color:var(--muted)}.subtle-button{background:#f6e9d9;border-color:#e3cbb1}.palette-empty{padding:20px 12px;background:#f4e8d9;text-align:center;border-radius:10px}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.saved-card{min-width:0;overflow:hidden;border:1px solid #dcc4aa;border-radius:12px;background:#fff7eb}.saved-swatch{height:80px}.saved-card-details{padding:9px 9px 6px}.saved-card-details h3{font-size:16px;overflow-wrap:anywhere}.saved-card-details p{margin:5px 0 8px;font-size:12px;color:var(--muted)}.saved-tools{display:flex;margin-top:3px}.saved-tools button{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;border-radius:8px}.saved-tools button:hover{background:#f0e1ce}.help-steps{display:grid;gap:13px;padding-left:22px}.setting-line{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.setting-line select,.save-form input{min-height:44px;border:1px solid #d6ba9e;border-radius:8px;background:#fff8ed;padding:6px 9px;color:var(--ink)}.setting-line input{accent-color:var(--accent)}.setting-line+.dialog-note{margin-top:12px}.save-form{display:grid;gap:10px}.save-form .save-button{justify-self:end;min-height:44px;padding-inline:14px}.save-preview{display:flex;align-items:center;gap:8px;color:var(--muted)}.save-preview span:first-child{width:28px;height:28px;border:1px solid #50392120;border-radius:7px}.toast,.dialog-feedback{display:flex;align-items:center;gap:7px;background:#4e573c;color:#fffaf1;border-radius:10px;font-size:14px;line-height:1.4;padding:10px 13px}.toast{position:fixed;z-index:2;bottom:14px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);box-shadow:var(--shadow)}.dialog-feedback{margin-top:12px}.feedback-error{background:#893e2b}.v-enter-active,.v-leave-active{transition:opacity .18s}.v-enter-from,.v-leave-to{opacity:0}.reduce-effects *,.reduce-effects *:before,.reduce-effects *:after{animation-duration:1ms!important;transition-duration:1ms!important}@media(max-width:900px){.header-inner,.studio{width:min(700px,calc(100% - 28px))}.header-inner{min-height:71px}.studio{grid-template-columns:minmax(0,1fr);grid-template-areas:"result" "bench" "pigments" "actions" "recipe";gap:9px;padding-top:10px}.inspector{display:contents}.result-card{grid-area:result;display:grid;grid-template-columns:minmax(80px,.7fr) minmax(0,1.3fr);align-items:center;gap:6px 11px;padding:9px 11px}.section-heading{grid-column:1 / -1}.section-heading h2,.recipe-card summary span:first-child{font-size:18px}.section-heading>svg{width:16px;height:16px}.result-swatch{min-height:39px;margin:0;border-radius:7px}.result-swatch--empty span{padding:3px 5px;font-size:10px}.mix-indicator{grid-column:1 / -1;min-height:28px;margin:0;padding-block:3px;font-size:12px}.mix-indicator svg{width:15px;height:15px}.result-note{grid-column:1 / -1;margin-top:0}.recipe-card{grid-area:recipe}.workbench{border-radius:14px}.bench-caption{min-height:38px;padding-inline:8px;font-size:12px}.bench-caption span{gap:4px}.bench-caption:has(.studio-guide){row-gap:0}.studio-guide{gap:6px}.example-button{min-height:42px;font-size:12px;gap:3px}.pigments{padding:6px 7px 5px}.pigments-heading{margin-bottom:3px}.pigment-list{gap:5px}.paint-tube{min-height:72px;padding:3px 2px;gap:0}.tube-art{transform:scale(.78);transform-origin:center top;height:42px}.tube-name{font-size:13px}.tube-count{top:2px;right:2px}.studio-actions{padding:5px;gap:2px}.secondary-actions button{min-height:44px}.action-line{gap:4px}.history-actions button,.stir-button,.save-button{min-height:47px}}@media(max-width:540px){.header-inner,.studio{width:calc(100% - 18px)}.header-inner{gap:4px;min-height:65px}.brand{gap:7px}.brand-mark{width:36px;height:38px;padding:0;border:0;transform:scale(.81);transform-origin:left center}.brand h1{font-size:clamp(16px,4.7vw,21px);white-space:nowrap}.brand>div>span{font-size:11px;letter-spacing:.01em;margin-top:4px;white-space:nowrap}nav{gap:0}nav button{padding:0;min-width:44px}nav button span{display:none}.stir-button,.save-button{padding-inline:6px}.action-line>button svg{width:15px}.tube-english{font-size:10px}}@media(max-width:350px){.brand-mark{display:none}.action-line>button svg{display:none}}