:root{--paint:#a85e35;--paint-dark:#6f4329;--paint-deep:#2f3630;--ochre:#e2a83e;--sage:#71856a;--cream:#fbf5e9;--ink:#292a26;--paint-muted:#756f65;--paint-border:rgba(65,50,36,.14)}
body{background:radial-gradient(circle at 8% 15%,rgba(226,168,62,.14),transparent 27%),radial-gradient(circle at 92% 19%,rgba(113,133,106,.16),transparent 24%),linear-gradient(180deg,#faf7f0,#f4f0e8 70%,#f8f5ef)}
.paint-hero{position:relative;padding:70px 0 78px;overflow:hidden}.paint-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(88deg,transparent 49%,rgba(89,65,42,.15) 50%,transparent 51%);background-size:7px 100%}.hero-daub{position:absolute;border-radius:48% 52% 42% 58%;filter:blur(.2px);opacity:.22;pointer-events:none}.daub-one{width:330px;height:150px;top:110px;left:-110px;background:linear-gradient(135deg,#d78b45,#f2c26d);transform:rotate(-18deg)}.daub-two{width:300px;height:130px;top:180px;right:-100px;background:linear-gradient(135deg,#6f8b71,#2f5850);transform:rotate(16deg)}
.hero-copy{position:relative;text-align:center}.crumbs{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:22px;color:#81786c;font-size:.78rem}.crumbs a:hover{color:var(--paint)}.eyebrow{border-color:rgba(168,94,53,.2);color:var(--paint-dark);background:rgba(255,251,242,.82)}.eyebrow-dot{background:var(--ochre);box-shadow:0 0 0 5px rgba(226,168,62,.14)}.paint-hero h1{max-width:980px;margin:22px auto 18px;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,7.2vw,5.8rem);font-weight:700;line-height:.98;letter-spacing:-.055em}.paint-text{position:relative;display:inline-block;color:transparent;background:linear-gradient(120deg,#a14d31,#d78b45 42%,#728a68 75%,#305f57);background-clip:text;-webkit-background-clip:text}.paint-text:after{content:"";position:absolute;left:3%;right:-1%;bottom:-7px;height:8px;border-radius:80% 25% 70% 35%;background:linear-gradient(90deg,#bd693b,#e6ae46 50%,#66806d);transform:rotate(-1deg);opacity:.78}.lead{max-width:760px;color:var(--paint-muted)}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:24px;color:#5e5b52;font-size:.78rem;font-weight:750}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#fff;background:var(--sage);font-size:.68rem;font-style:normal}
.paint-studio{position:relative;margin-top:48px;border:2px solid var(--ink);border-radius:30px;background:#f8f2e6;box-shadow:10px 12px 0 var(--ink),0 28px 80px rgba(55,42,30,.16);overflow:hidden}.studio-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:2px solid var(--ink);background:#fffdf7}.studio-title,.studio-title>span:last-child{display:flex;align-items:center}.studio-title{gap:12px}.studio-title>span:last-child{align-items:flex-start;flex-direction:column}.studio-title strong{font-size:.9rem}.studio-title small{margin-top:2px;color:var(--paint-muted);font-size:.7rem}.palette-mark{position:relative;display:block;width:43px;height:34px;border:2px solid var(--ink);border-radius:60% 44% 52% 48%;background:#ddaa68;box-shadow:2px 2px 0 var(--ink);transform:rotate(-6deg)}.palette-mark:after{content:"";position:absolute;width:9px;height:9px;right:5px;top:9px;border:2px solid var(--ink);border-radius:50%;background:#fffdf7}.palette-mark i{position:absolute;width:6px;height:6px;border-radius:50%}.palette-mark i:nth-child(1){top:6px;left:8px;background:#a94e36}.palette-mark i:nth-child(2){top:17px;left:8px;background:#e9c14c}.palette-mark i:nth-child(3){top:21px;left:20px;background:#54766a}.studio-actions{display:flex;gap:8px}.quiet-button,.upload-button,.reset-button,.surprise-button,.download-button,.compare-button{border:0;font-weight:850;transition:.2s}.quiet-button,.upload-button{min-height:40px;padding:0 14px;border:1px solid var(--paint-border);border-radius:11px}.quiet-button{color:#635f57;background:#f4eee4}.upload-button{display:flex;align-items:center;gap:7px;color:#fff;border:2px solid var(--ink);background:var(--paint);box-shadow:3px 3px 0 var(--ink)}.upload-button:hover,.download-button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.studio-grid{display:grid;grid-template-columns:390px minmax(0,1fr)}.control-panel,.preview-panel{padding:24px}.control-panel{border-right:2px solid var(--ink);background:#fffdf8}.preview-panel{min-width:0;background:linear-gradient(145deg,#e6ddce,#d6ccbb)}.panel-heading,.panel-subheading,.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading>div,.panel-subheading,.preview-heading>div{display:flex;align-items:center;gap:10px}.panel-heading strong,.panel-heading small,.panel-subheading strong,.panel-subheading small,.preview-heading strong,.preview-heading small{display:block}.panel-heading strong,.panel-subheading strong,.preview-heading strong{font-size:.84rem}.panel-heading small,.panel-subheading small,.preview-heading small{margin-top:2px;color:var(--paint-muted);font-size:.67rem}.step-number{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border:2px solid var(--ink);border-radius:9px;color:#fff;background:var(--paint);box-shadow:2px 2px 0 var(--ink);font-size:.61rem;font-weight:950}.reset-button{padding:7px 9px;border-radius:8px;color:var(--paint);background:#f5e9df;font-size:.68rem}.reset-button:hover{background:#ead5c5}
.preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:16px}.preset{min-width:0;padding:6px 5px 8px;border:1px solid var(--paint-border);border-radius:12px;color:var(--ink);background:#fff;transition:.2s}.preset:hover{transform:translateY(-2px);border-color:rgba(168,94,53,.4)}.preset.active{border:2px solid var(--ink);background:#fff8ec;box-shadow:3px 3px 0 var(--ink)}.preset-art{position:relative;display:block;height:42px;margin-bottom:7px;border-radius:8px;overflow:hidden}.preset-art:before,.preset-art:after,.preset-art i{content:"";position:absolute;border-radius:40%}.preset-art:before{width:80%;height:13px;left:-5%;top:6px;transform:rotate(-8deg)}.preset-art:after{width:75%;height:14px;right:-8%;bottom:5px;transform:rotate(7deg)}.preset-art i{width:55%;height:8px;left:24%;top:18px;transform:rotate(-2deg)}.preset-art.classic{background:#e5c889}.preset-art.classic:before{background:#a54f31}.preset-art.classic:after{background:#3f6b60}.preset-art.classic i{background:#e4a83d}.preset-art.impression{background:#a9c9d1}.preset-art.impression:before{background:#f1bd53}.preset-art.impression:after{background:#596fa4}.preset-art.impression i{background:#d8726c}.preset-art.portrait{background:#ead2bc}.preset-art.portrait:before{background:#b9775f}.preset-art.portrait:after{background:#69514a}.preset-art.portrait i{background:#f1bd8f}.preset-art.landscape{background:#b8cb9d}.preset-art.landscape:before{background:#54765a}.preset-art.landscape:after{background:#477792}.preset-art.landscape i{background:#e2b54c}.preset-art.knife{background:#d7d1c4}.preset-art.knife:before{background:#243f59}.preset-art.knife:after{background:#bb633b}.preset-art.knife i{background:#e5c561}.preset strong,.preset small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset strong{font-size:.55rem}.preset small{margin-top:2px;color:var(--paint-muted);font-size:.5rem}.surprise-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;padding:9px;border:1px dashed rgba(168,94,53,.4);border-radius:11px;color:var(--paint-dark);background:#fbf3e6;font-size:.72rem}.surprise-button:hover{border-style:solid;background:#f5e4cd}.surprise-button span{color:#d68b2f;font-size:1rem}.panel-divider{height:1px;margin:19px 0;background:var(--paint-border)}
.effect-controls{display:grid;gap:14px;margin-top:17px}.range-control>span:first-child,.range-ends{display:flex;justify-content:space-between;gap:12px}.range-control>span:first-child{margin-bottom:6px;color:#4c4a44;font-size:.72rem;font-weight:750}.range-control output{color:var(--paint);font-weight:900}.range-control input{--value:50%;width:100%;height:5px;margin:0;appearance:none;border-radius:999px;outline:none;background:linear-gradient(90deg,var(--paint) 0 var(--value),#e9dfd1 var(--value) 100%)}.range-control input::-webkit-slider-thumb{width:16px;height:16px;appearance:none;border:2px solid var(--ink);border-radius:50%;background:#fff8ec;box-shadow:1px 1px 0 var(--ink)}.range-control input::-moz-range-thumb{width:13px;height:13px;border:2px solid var(--ink);border-radius:50%;background:#fff8ec}.range-ends{margin-top:4px;color:#9b9286;font-size:.55rem}.palette-card{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding:12px;border:1px solid var(--paint-border);border-radius:13px;background:#f7f0e5}.palette-card strong,.palette-card small{display:block}.palette-card strong{font-size:.72rem}.palette-card small{margin-top:2px;color:var(--paint-muted);font-size:.57rem}.sampled-palette{display:flex;flex-direction:row-reverse}.sampled-palette i{display:block;width:24px;height:24px;margin-left:-5px;border:2px solid #fff;border-radius:50%;background:var(--paint);box-shadow:0 2px 6px rgba(43,37,31,.18)}.sampled-palette i:nth-child(2){background:#dda63b}.sampled-palette i:nth-child(3){background:#5d806b}.sampled-palette i:nth-child(4){background:#314f62}.sampled-palette i:nth-child(5){background:#ead3a2}.export-card{display:grid;grid-template-columns:110px 1fr;gap:8px;margin-top:12px}.export-card label{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 9px;border:1px solid var(--paint-border);border-radius:11px;background:#fff}.export-card label span{font-size:.58rem;font-weight:800}.export-card select{max-width:55px;border:0;color:var(--ink);background:transparent;font-size:.68rem;font-weight:850;outline:none}.download-button{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:0 13px;border:2px solid var(--ink);border-radius:11px;color:#fff;background:var(--paint-dark);box-shadow:3px 3px 0 var(--ink);font-size:.72rem}
.preview-heading{margin-bottom:15px}.live-badge{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;color:#416550;background:rgba(255,255,255,.7);font-size:.58rem;font-weight:950;letter-spacing:.08em}.live-badge i{width:6px;height:6px;border-radius:50%;background:#5b976b;box-shadow:0 0 0 4px rgba(91,151,107,.13)}.canvas-stage{--split:48%;position:relative;aspect-ratio:11/7;border:8px solid #4b3b2f;border-radius:7px;background:#d7cebf;box-shadow:0 0 0 2px #241d18,8px 9px 0 rgba(41,42,38,.78),0 22px 45px rgba(53,43,35,.2);overflow:hidden}.canvas-stage:before{content:"";position:absolute;z-index:3;inset:0;border:1px solid rgba(255,255,255,.28);pointer-events:none}.canvas-stage canvas{display:block;width:100%;height:100%;object-fit:contain}.compare-label{position:absolute;z-index:4;top:14px;padding:6px 9px;border:1px solid rgba(41,42,38,.25);border-radius:8px;color:var(--ink);background:rgba(255,252,244,.86);backdrop-filter:blur(8px);font-size:.59rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.before-label{left:14px}.after-label{right:14px}.compare-line{position:absolute;z-index:5;top:0;bottom:0;left:var(--split);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(41,42,38,.18);pointer-events:none}.compare-line i{position:absolute;display:grid;place-items:center;width:42px;height:42px;left:50%;top:50%;border:2px solid var(--ink);border-radius:50%;color:var(--ink);background:#fff8eb;box-shadow:3px 3px 0 var(--ink);font-style:normal;transform:translate(-50%,-50%)}.compare-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.canvas-stage.single .compare-line,.canvas-stage.single .compare-range,.canvas-stage.single .before-label{display:none}.drop-overlay{position:absolute;z-index:8;inset:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:2px dashed rgba(255,255,255,.85);border-radius:5px;color:#fff;background:rgba(48,39,30,.76);opacity:0;pointer-events:none;transition:.2s}.canvas-stage.dragging .drop-overlay{opacity:1}.drop-brush{position:relative;width:12px;height:55px;border-radius:3px;background:#d6a866;transform:rotate(32deg)}.drop-brush:before{content:"";position:absolute;left:-4px;top:-22px;width:20px;height:27px;border-radius:80% 40% 70% 35%;background:#b86239}.paint-reveal{position:absolute;z-index:7;inset:-20%;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 10%,rgba(255,232,184,.45) 25%,rgba(176,89,47,.72) 37%,rgba(218,166,62,.62) 49%,rgba(76,113,94,.55) 62%,transparent 76%);filter:blur(7px);transform:translateX(-110%) rotate(-4deg)}.canvas-stage.painting .paint-reveal{animation:paintSweep .82s ease-out}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;color:#766d62;font-size:.66rem}.compare-button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(41,42,38,.16);border-radius:9px;color:#6a635b;background:rgba(255,255,255,.65);font-size:.64rem}.compare-button.active{color:var(--paint-dark);border-color:rgba(168,94,53,.3);background:#fff8eb}.toast{position:fixed;z-index:80;right:22px;bottom:22px;display:flex;align-items:center;gap:11px;max-width:330px;padding:13px 16px;border:2px solid var(--ink);border-radius:14px;color:#fff;background:var(--paint-dark);box-shadow:5px 5px 0 var(--ink);opacity:0;transform:translateY(18px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.toast>span{color:#f0c36a;font-size:1.35rem}.toast strong,.toast small{display:block}.toast strong{font-size:.78rem}.toast small{margin-top:2px;color:#eadfd2;font-size:.66rem}
.content-section{padding:74px 0}.content-section.alt{background:rgba(255,255,255,.46);border-block:1px solid rgba(65,50,36,.07)}.content{max-width:1060px}.section-kicker{display:block;margin-bottom:10px;color:var(--paint);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.content h2{max-width:800px;margin:0 0 13px;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.04em}.content>p,.guide-copy p,.try-heading p{max-width:790px;margin:0;color:var(--paint-muted);line-height:1.75}.benefit-grid,.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:30px}.benefit-card,.try-card{padding:24px;border:1px solid var(--paint-border);border-radius:6px 22px 6px 22px;background:#fffdf8;box-shadow:0 13px 35px rgba(63,48,35,.07)}.benefit-card.featured{color:#fff;border:2px solid var(--ink);background:linear-gradient(145deg,#9f5736,#c97a42 58%,#dca045);transform:translateY(-8px) rotate(-.6deg);box-shadow:7px 7px 0 var(--ink)}.benefit-card>span{display:grid;place-items:center;width:48px;height:43px;margin-bottom:16px;border:2px solid var(--ink);border-radius:54% 46% 62% 38%;color:#fff;background:var(--sage);box-shadow:2px 2px 0 var(--ink);font-size:.55rem;font-weight:950}.benefit-card.featured>span{background:rgba(255,255,255,.16)}.benefit-card h3{margin:0 0 8px;font-size:1rem}.benefit-card p{margin:0;color:var(--paint-muted);font-size:.86rem;line-height:1.65}.benefit-card.featured p{color:#fff1e5}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:29px 0 0;padding:0;list-style:none}.steps li{display:flex;gap:16px;padding:20px;border:1px solid var(--paint-border);border-radius:16px;background:rgba(255,253,248,.82)}.steps li>span{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;color:#fff;background:var(--paint);box-shadow:2px 2px 0 var(--ink);font-size:.68rem;font-weight:950}.steps strong{display:block;margin:2px 0 5px}.steps p{margin:0;color:var(--paint-muted);line-height:1.6}.atelier-guide{color:#fff;background:radial-gradient(circle at 86% 20%,rgba(218,162,65,.2),transparent 25%),linear-gradient(135deg,#263b37,#364b40 55%,#4a4335)}.atelier-guide .section-kicker{color:#efc468}.atelier-guide h2{color:#fff}.atelier-guide .guide-copy p{color:#d1d6ce}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:29px}.guide-grid article{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px 5px;background:rgba(255,255,255,.07)}.guide-mark{position:relative;display:block;width:100%;height:70px;margin-bottom:18px;border-radius:12px 4px;overflow:hidden}.brush-mark{background:#dac58f}.brush-mark:before,.brush-mark:after{content:"";position:absolute;height:16px;border-radius:50%}.brush-mark:before{width:110%;left:-8%;top:13px;background:#a85e35;transform:rotate(-7deg)}.brush-mark:after{width:90%;right:-8%;bottom:13px;background:#607a65;transform:rotate(5deg)}.color-mark{background:radial-gradient(circle at 23% 45%,#e6b13f 0 17%,transparent 18%),radial-gradient(circle at 54% 54%,#b25838 0 23%,transparent 24%),radial-gradient(circle at 80% 38%,#6d8567 0 19%,transparent 20%),#e8d8b1}.canvas-mark{background:repeating-linear-gradient(2deg,rgba(255,255,255,.2) 0 2px,transparent 2px 7px),repeating-linear-gradient(92deg,rgba(255,255,255,.16) 0 2px,transparent 2px 8px),#a57550}.guide-grid h3{margin:0 0 8px}.guide-grid p{margin:0;color:#d1d6ce;font-size:.86rem;line-height:1.65}.faq{display:grid;gap:10px;margin-top:28px}.faq details{border:1px solid var(--paint-border);border-radius:14px;background:#fffdf8}.faq summary{padding:18px 48px 18px 19px;font-weight:850;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;margin-right:-28px;color:var(--paint);font-size:1.2rem}.faq details[open] summary:after{content:"\2212"}.faq details p{margin:0;padding:0 19px 19px;color:var(--paint-muted);line-height:1.7}.try-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.try-heading h2{margin-bottom:8px}.try-heading>a{flex:0 0 auto;color:var(--paint);font-size:.82rem;font-weight:850}.try-card{display:flex;align-items:center;gap:13px;padding:19px;transition:.22s}.try-card:hover{transform:translateY(-4px);border-color:rgba(168,94,53,.3);box-shadow:0 18px 40px rgba(63,48,35,.12)}.try-icon{display:grid;place-items:center;flex:0 0 auto;width:47px;height:45px;border:2px solid var(--ink);border-radius:54% 46% 58% 42%;color:#fff;background:var(--paint);box-shadow:2px 2px 0 var(--ink);font-size:.58rem;font-weight:950}.try-card>span:last-child,.try-card strong{display:block}.try-card>span:last-child>span{margin-top:4px;color:var(--paint-muted);font-size:.78rem;line-height:1.45}.try-card>b{margin-left:auto;color:var(--paint)}
@keyframes paintSweep{0%{opacity:0;transform:translateX(-110%) rotate(-4deg)}18%{opacity:.9}70%{opacity:.75}100%{opacity:0;transform:translateX(110%) rotate(-4deg)}}
@media(max-width:1040px){.studio-grid{grid-template-columns:350px minmax(0,1fr)}.control-panel,.preview-panel{padding:20px}.preset-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:840px){.studio-grid{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:2px solid var(--ink)}.preset-grid{grid-template-columns:repeat(5,1fr)}.steps{grid-template-columns:1fr}.hero-daub{opacity:.12}}
@media(max-width:640px){.paint-hero{padding:48px 0 58px}.paint-studio{margin-top:34px;border-radius:21px;box-shadow:6px 7px 0 var(--ink)}.studio-bar{align-items:flex-start;flex-direction:column;padding:15px}.studio-actions{width:100%}.quiet-button,.upload-button{flex:1;justify-content:center}.control-panel,.preview-panel{padding:16px}.preset-grid{grid-template-columns:repeat(5,1fr);gap:5px}.preset strong{font-size:.51rem}.preset small{display:none}.preset-art{height:35px}.canvas-stage{aspect-ratio:4/3;border-width:6px;box-shadow:0 0 0 2px #241d18,5px 6px 0 rgba(41,42,38,.75)}.preview-footer{align-items:flex-start;flex-direction:column}.benefit-grid,.try-grid,.guide-grid{grid-template-columns:1fr}.benefit-card.featured{transform:none}.content-section{padding:55px 0}.compare-label{top:10px}.before-label{left:10px}.after-label{right:10px}.paint-hero h1{font-size:clamp(2.65rem,13vw,4.2rem)}.try-heading{align-items:flex-start;flex-direction:column}.toast{left:12px;right:12px;bottom:12px;max-width:none}}
@media(max-width:420px){.preview-heading{align-items:flex-start}.live-badge{margin-top:4px}.compare-line i{width:37px;height:37px}.palette-card{display:none}.preset-grid{grid-template-columns:repeat(3,1fr)}.export-card{grid-template-columns:100px 1fr}}
@media(prefers-reduced-motion:reduce){.preset,.upload-button,.download-button,.try-card,.toast{transition:none}.canvas-stage.painting .paint-reveal{animation:none}}