.paint-lab{color:var(--fg);min-width:0}.paint-lab button,.paint-lab select,.paint-lab input{min-height:44px;font-size:12px}.paint-lab button[aria-pressed=true]{border-color:var(--app-accent);color:var(--accent-text);background:color-mix(in srgb,var(--app-accent) 10%,var(--panel))}.paint-intro{padding:25px;display:flex;justify-content:space-between;align-items:center;gap:25px}.paint-intro h3{font:600 clamp(22px,3vw,32px)/1.15 var(--font);letter-spacing:-.04em;margin:9px 0 10px}.paint-intro p{max-width:730px;font-size:13px;line-height:1.75;color:var(--muted)}.paint-intro>button{flex-shrink:0}.paint-kicker{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text)}.paint-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 25px 23px}.paint-scenes>button{padding:12px;text-align:left;display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:12px;align-items:center;min-height:80px;background:var(--bg)}.paint-scenes svg{grid-row:1/3;width:70px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}.paint-scenes span{font-size:12px}.paint-scenes small{font-size:10px;font-weight:400;color:var(--muted)}.paint-scenes [aria-pressed=true] svg{color:var(--accent-text)}.paint-workspace{display:grid;grid-template-columns:315px minmax(0,1fr);border-top:1px solid var(--line)}.paint-palette{padding:20px;border-right:1px solid var(--line);background:var(--bg);min-width:0}.paint-section-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.paint-section-head strong{font:11px var(--mono);color:var(--accent-text)}.paint-section-head button{font-size:10px;padding:7px 9px;background:transparent}.paint-help{font-size:11px;color:var(--muted);line-height:1.75;margin:10px 0 15px}.paint-board{padding:17px 12px 12px;border-radius:30px 30px 50px 24px;background:repeating-linear-gradient(5deg,#c49c6b 0px,#c49c6b 4px,#caa575 5px,#caa575 6px);box-shadow:inset 0 2px 1px #edd2a0,0 5px 0 #806039,0 12px 24px #0002;position:relative;color:#33271d;margin-bottom:22px}.paint-dabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.paint-dabs button{position:relative;border:1px solid transparent;background:transparent;padding:3px 2px 7px;display:flex;align-items:center;flex-direction:column;color:#33271d;box-shadow:none;border-radius:9px;min-height:76px}.paint-dabs button i{display:block;width:34px;height:31px;border-radius:45% 52% 38% 55%;background:radial-gradient(ellipse at 36% 27%,#ffffff55,transparent 50%),var(--pigment);box-shadow:inset -2px -3px 4px #0003,1px 3px 2px #61452c50;margin:4px 0 6px;border:1px solid #52412a40}.paint-dabs button span{font-size:9px;line-height:1.2}.paint-dabs button b{position:absolute;top:-3px;right:-2px;display:grid;place-items:center;min-width:21px;height:21px;font:9px var(--mono);border-radius:20px;background:#fff6df;color:#372715;border:1px solid #a38358}.paint-dabs button[aria-pressed=true]{background:#fff5d433;color:#33271d;border:1px solid #734416;box-shadow:0 0 0 2px #ff8a1f}.paint-mixing-well{display:flex;align-items:center;justify-content:center;gap:14px;padding:15px 8px 8px}.paint-mixing-well>i{display:block;width:72px;height:58px;border-radius:55% 35% 45% 40%;box-shadow:inset 0 3px 6px #0004,inset 0 -1px 3px #fff4,0 1px 0 #f8dfba;border:1px solid #74573444}.paint-mixing-well small{font-size:10px;display:block}.paint-mixing-well code{font:13px var(--mono);display:block;margin-top:7px}.paint-amount{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px}.paint-amount label,.paint-preset-label{font-size:11px;color:var(--muted)}.paint-amount>div{display:flex;align-items:center;gap:7px}.paint-amount button{width:44px;flex:none;font-size:20px}.paint-amount input{width:78px;font:13px var(--mono);padding-inline:10px;flex:1;min-width:0}.paint-amount>div>span{font-size:11px;color:var(--muted)}.paint-preset-label{display:block;margin-top:17px}.paint-preset-label select{margin-top:6px}.paint-recipe{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.paint-recipe strong{font-size:12px;font-weight:600}.paint-recipe p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:7px}.paint-recipe small{display:block;font:10px/1.8 var(--mono);color:var(--muted)}.paint-recipe-bar{display:flex;height:8px;border-radius:5px;overflow:hidden;margin:13px 0 8px;background:var(--raised)}.paint-recipe-bar>i{min-width:2px}.paint-palette>[data-paint-use-mix]{margin-top:13px;width:100%;font-size:11px;border-color:var(--app-accent)}.paint-easel{min-width:0}.paint-tools{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;border-bottom:1px solid var(--line)}.paint-tool-buttons,.paint-history{display:flex;gap:5px;flex-wrap:wrap}.paint-tools button{font-size:11px;padding-inline:11px}.paint-brush-controls{padding:14px 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:22px;border-bottom:1px solid var(--line);align-items:center}.paint-brush-controls label{display:block;font-size:11px;color:var(--muted);min-width:0}.paint-brush-controls output{float:right;color:var(--accent-text);font:10px var(--mono)}.paint-brush-controls input[type=range]{width:100%;min-height:28px;margin-top:5px;accent-color:var(--app-accent)}.paint-loaded-color{display:flex;gap:9px;align-items:center}.paint-loaded-color>i{width:35px;height:35px;display:block;border:1px solid #8888;border-radius:7px}.paint-loaded-color>span{font-size:9px;color:var(--muted)}.paint-loaded-color code{display:block;font:11px var(--mono);color:var(--fg);margin-top:4px}.paint-paper-frame{padding:20px;background:var(--raised);min-width:0}.paint-paper{position:relative;background:#fffdf6;box-shadow:0 4px 15px #0002;isolation:isolate;overflow:hidden;line-height:0}.paint-paper canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;touch-action:none;cursor:none;outline-offset:4px}.paint-cursor{position:absolute;border:2px solid #111;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #fff,0 0 0 2px #1116;z-index:1}.paint-paper-caption{display:flex;justify-content:space-between;gap:15px;margin-top:13px;font:9px var(--mono);color:var(--muted)}.paint-feedback{font-size:11px;color:var(--accent-text);min-height:28px;padding:12px 18px 0;line-height:1.75}.paint-canvas-help{padding:0 18px;margin:9px 0 18px}.paint-scene-lesson{margin:0 18px 20px;padding:15px 18px;border-left:3px solid var(--app-accent);background:var(--bg);border-radius:0 7px 7px 0}.paint-scene-lesson strong{font-size:13px}.paint-scene-lesson p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:6px}.paint-learning{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;padding:25px;border-top:1px solid var(--line)}.paint-learning h4{font-size:16px;margin:10px 0}.paint-learning p{font-size:12px;line-height:1.85;color:var(--muted)}.paint-limit-note{font-size:11px;line-height:1.8;color:var(--muted);padding:16px 25px;background:var(--bg);border-top:1px solid var(--line)}
@media(min-width:1700px){.paint-workspace{grid-template-columns:335px minmax(0,1fr)}}
.paint-new-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:17px 18px;border-bottom:1px solid var(--app-accent);background:color-mix(in srgb,var(--app-accent) 8%,var(--panel))}.paint-new-confirm>div{flex:1 1 230px}.paint-new-confirm strong{font-size:12px}.paint-new-confirm p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:5px}.paint-new-confirm button{font-size:11px}.paint-new-confirm [data-paint-new-accept]{border-color:var(--app-accent);color:var(--accent-text)}
@media(max-width:1100px){.paint-scenes>button{grid-template-columns:48px minmax(0,1fr);gap:8px}.paint-scenes svg{width:48px}.paint-workspace{grid-template-columns:285px minmax(0,1fr)}.paint-palette{padding:16px}.paint-brush-controls{grid-template-columns:1fr 1fr;gap:12px}.paint-loaded-color{grid-column:1/-1}.paint-tools button{padding-inline:8px;font-size:10px}.paint-paper-frame{padding:14px}.paint-scenes{gap:7px}.paint-scenes small{font-size:9px}}
@media(max-width:800px){.paint-intro{flex-direction:column;align-items:start;padding:20px}.paint-scenes{padding:0 20px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.paint-scenes>button{grid-template-columns:60px 1fr}.paint-scenes svg{width:60px}.paint-workspace{display:flex;flex-direction:column}.paint-palette{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:23px;padding:20px}.paint-section-head,.paint-palette>.paint-help{grid-column:1/-1}.paint-board{grid-row:3/7;grid-column:1;align-self:start;margin-bottom:0}.paint-amount,.paint-preset-label,.paint-recipe,.paint-palette>[data-paint-use-mix]{grid-column:2}.paint-amount{margin-top:0}.paint-preset-label{margin-top:12px}.paint-recipe{margin-top:12px;padding-top:12px}.paint-recipe p{font-size:10px}.paint-learning{gap:18px;padding:20px}.paint-learning h4{font-size:14px}.paint-learning p{font-size:11px}.paint-paper-frame{padding:18px}.paint-brush-controls{grid-template-columns:1fr 1fr auto;gap:20px}.paint-loaded-color{grid-column:auto}}
@media(max-width:480px){.paint-intro{padding:18px}.paint-scenes{padding:0 18px 18px;gap:7px}.paint-scenes>button{padding:8px;grid-template-columns:39px 1fr;gap:7px;min-height:72px}.paint-scenes svg{width:39px}.paint-scenes span{font-size:10px}.paint-scenes small{font-size:9px}.paint-palette{padding:18px;gap:0;display:block}.paint-board{margin:14px 0 22px}.paint-dabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.paint-dabs button{min-height:70px}.paint-dabs button span{font-size:10px}.paint-dabs button i{height:33px;width:36px}.paint-mixing-well>i{width:90px;height:55px}.paint-amount{grid-template-columns:1fr 1fr;column-gap:10px}.paint-amount label{grid-column:1/-1}.paint-amount>div{gap:4px}.paint-amount input{width:55px;padding-inline:6px;font-size:16px}.paint-amount button{width:36px;min-width:36px}.paint-amount>div>span{display:none}.paint-preset-label select,.paint-amount select{font-size:16px}.paint-recipe p{font-size:11px}.paint-palette>.paint-help{margin-bottom:8px}.paint-tools{padding:12px}.paint-tool-buttons,.paint-history{width:100%;gap:6px}.paint-tools button{flex:1;font-size:11px;padding:8px 6px}.paint-brush-controls{grid-template-columns:1fr 1fr;gap:12px;padding:14px}.paint-loaded-color{grid-column:1/-1}.paint-paper-frame{padding:12px}.paint-paper-caption{font-size:8px;gap:8px}.paint-paper-caption>span:last-child{font-size:7px}.paint-learning{grid-template-columns:1fr;gap:20px;padding:20px}.paint-learning h4{font-size:16px}.paint-learning p{font-size:12px}.paint-limit-note{padding:16px 20px}}