*{box-sizing:border-box}body{margin:0;color:#1c3043;background:#f4f7f9;font:16px/1.6 system-ui}header,main,footer{width:min(1420px,94%);margin:auto}header{display:flex;justify-content:space-between;padding:24px 0}.brand{font-size:25px;font-weight:850;color:#172b42;text-decoration:none}.brand span{color:#7353d0}a{color:#245e73}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:30px 0 50px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#245e73}h1{font-size:clamp(34px,4.6vw,62px);line-height:1.08;letter-spacing:-2px;margin:16px 0}h1 em{font-style:normal;color:#245e73}.hero p{max-width:630px}.price{font-size:14px}.sample-cover{background:#fff;border:1px solid #dae5eb;padding:30px;border-top:12px solid #245e73;border-radius:12px;box-shadow:0 16px 45px #23415a15}.sample-cover>span{font-size:11px;letter-spacing:1px}.sample-cover h2{font-size:34px;line-height:1.2}.sample-compare{display:flex;gap:10px}.sample-compare span{background:#e6f1f4;color:#245e73;padding:22px;flex:1}.sample-cover small{color:#6a7c87}.panel{background:#fff;border:1px solid #dce5ea;border-radius:16px;padding:26px;margin:20px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions{display:flex;gap:12px;flex-wrap:wrap}button,.primary{font:inherit;border-radius:10px;border:1px solid #cdd9df;padding:11px 17px;background:#fff;color:#254353;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:#245e73;color:#fff;border-color:#245e73;font-weight:700}button:disabled{opacity:.5;cursor:default}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:block;font-size:14px;font-weight:650}input,textarea,select{display:block;width:100%;font:inherit;padding:10px;border:1px solid #d5dfe6;border-radius:8px;margin:5px 0 12px;background:#fff;color:#22394a}input[type=color]{height:44px}input[type=checkbox]{display:inline-block;width:auto;margin-right:8px}textarea{min-height:86px;resize:vertical}input[type=file]{font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #aabbe5;outline-offset:2px}.group{padding:20px;background:#f6f9fa;border:1px solid #dbe5e8;border-radius:12px;margin:20px 0}.group-top{display:flex;gap:8px;justify-content:flex-end}.photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photos canvas{display:block;width:100%;height:auto;border-radius:8px;background:#e9eff2;touch-action:none;cursor:crosshair}.photos small{display:block;color:#536d7a;margin:8px 0}.permission{margin-bottom:15px}#pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#pages img{width:100%;box-shadow:0 4px 18px #21374a12;border:1px solid #dfe7eb}.comparisons article{padding:20px;background:#eff4f7;border-radius:10px}.comparisons small{color:#667b88}footer{padding:30px 0;font-size:13px}@media(max-width:750px){.hero,.grid,.photos,#pages{grid-template-columns:1fr}.hero{gap:25px;padding-top:15px}.sample-cover{padding:24px}.panel{padding:18px}.group{padding:14px}h1{letter-spacing:-1px}.group-top button{font-size:13px;padding:9px}.actions>*{flex:1;text-align:center}}


.repair-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.repair-photos figure{margin:0;min-width:0}.repair-image{aspect-ratio:3/4;background-image:url(repair-before-after.png);background-size:200% 100%;border-radius:10px}.repair-image.before{background-position:left center}.repair-image.after{background-position:right center}.repair-photos figcaption{padding:10px 0;line-height:1.4}.repair-photos b{display:block;font-size:12px;letter-spacing:1px;color:#ab4930}.repair-photos figure:last-child b{color:#26764d}.repair-photos figcaption span{font-size:13px}.sample-cover h2{font-size:28px;margin:14px 0 20px}.sample-cover{padding:24px}@media(max-width:750px){.sample-cover{padding:18px}.sample-cover h2{font-size:24px}}

.repair-example{max-width:960px;margin:0 auto 40px}.repair-image.bathroom{background-image:url(bathroom-before-after.png)}.repair-example .repair-image{aspect-ratio:3/4;max-height:410px}.repair-example small{color:#667b88}


.attachment{padding:18px;background:#f4f7fa;border-radius:12px;margin:14px 0}.attachment .actions{justify-content:flex-end}.attachment p{overflow-wrap:anywhere}#pages{margin:20px 0}#pages canvas{width:100%;border:1px solid #dce5ea}.sample-cover{border-color:#7353d0}.attachment button{font-size:14px}

#workspace{scroll-margin-top:20px}.workspace-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;background:linear-gradient(120deg,#e9e3ff,#e1f2fc);border:1px solid #d7d8ef;border-radius:22px;padding:32px;margin:20px 0}.workspace-intro h2{font-size:clamp(27px,3vw,40px);line-height:1.15;margin:12px 0}.workspace-intro p{max-width:620px;color:#516078}.workspace-example{margin:0;background:white;border-radius:16px;padding:10px;box-shadow:0 12px 30px #42358118;transform:rotate(1deg)}.workspace-example img{display:block;width:100%;height:190px;object-fit:cover;border-radius:10px}.workspace-example figcaption{padding:10px 6px;line-height:1.4}.workspace-example figcaption span{display:block;font-size:12px;color:#687388;margin-top:4px}.workflow{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:650}.workflow b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;color:white;background:#7353d0;margin-right:5px}.upload-zone{background:linear-gradient(140deg,#f7f3ff,#effaff);border:2px dashed #b7a8e1;border-radius:18px;padding:30px;text-align:center;transition:background .2s,border-color .2s}.upload-zone.is-over{background:#e5ddff;border-color:#7353d0}.upload-symbol{width:48px;height:48px;margin:auto;display:grid;place-items:center;border-radius:14px;background:#7353d0;color:white;font-size:30px}.upload-zone h3{margin:14px 0 5px;font-size:23px}.upload-zone p{margin:0 auto 16px;max-width:530px;color:#607188}.file-picker{display:inline-block;position:relative;padding:12px 24px;background:#7353d0;color:white;border-radius:10px;cursor:pointer}.file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.file-picker:focus-within{outline:3px solid #9baee0;outline-offset:4px}.file-types{display:block;margin-top:12px;font-size:12px;letter-spacing:1px;color:#64718a}.attachment{border:1px solid #e0dfee;background:white;box-shadow:0 4px 16px #3c31590a}.attachment-preview{display:flex;align-items:center;gap:16px;margin-bottom:18px}.attachment-thumb{width:100px;height:78px;object-fit:cover;border-radius:10px;border:1px solid #ddd}.pdf-thumb{width:70px;height:78px;background:#f2eaff;color:#7353d0;display:grid;place-items:center;border-radius:10px;font-weight:800;flex-shrink:0}.attachment-preview p{margin:0;font-weight:650}.panel h2{letter-spacing:-.5px}.primary{background:#7353d0;border-color:#7353d0}.panel{box-shadow:0 5px 22px #34394c05}@media(max-width:750px){.workspace-intro{grid-template-columns:1fr;padding:20px;gap:20px}.workspace-example{transform:none}.workspace-example img{height:180px}.upload-zone{padding:24px 15px}.workflow{gap:9px;font-size:12px}.attachment-preview{gap:12px}.attachment-thumb{width:80px;height:68px}}