[data-pf-size-tool]{--red:#ce1312;--ink:#0c0c0d;--muted:#676767;--panel:#f3f3f3;--line:#d8d8d8;--white:#fff;--shadow:0 20px 70px rgba(0,0,0,.12);--frame:#111}[data-pf-size-tool] *{box-sizing:border-box}[data-pf-size-tool]{scroll-behavior:smooth}[data-pf-size-tool]{margin:0;color:var(--ink);font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#fff}[data-pf-size-tool] button,[data-pf-size-tool] input{font:inherit}[data-pf-size-tool] button{cursor:pointer}[data-pf-size-tool] .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-pf-size-tool] .topbar{height:6px;background:var(--red)}[data-pf-size-tool] header{padding:24px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e8e8}[data-pf-size-tool] .brand{font-weight:950;font-size:24px;letter-spacing:-1.2px}[data-pf-size-tool] .brand span{color:var(--red)}[data-pf-size-tool] .proto{font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;border:1px solid #ccc;padding:7px 10px;background:#fff}[data-pf-size-tool] .hero{padding:52px clamp(18px,5vw,78px) 36px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:end}[data-pf-size-tool] .eyebrow{font-size:12px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:10px}[data-pf-size-tool] .eyebrow:before{content:"";width:36px;height:2px;background:var(--red)}[data-pf-size-tool] h1{font-size:clamp(40px,6vw,82px);line-height:.94;letter-spacing:-.065em;margin:16px 0;max-width:950px}[data-pf-size-tool] .hero p{font-size:clamp(17px,2vw,21px);max-width:780px;color:#383838;margin:0}[data-pf-size-tool] .hero-note{border-left:3px solid var(--red);padding:4px 0 4px 20px;color:#333;max-width:390px}[data-pf-size-tool] .hero-note strong{display:block;font-size:18px;margin-bottom:5px}[data-pf-size-tool] .app{margin:0 clamp(12px,3vw,44px) 70px;border:1px solid #d5d5d5;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(310px,390px) 1fr;grid-template-areas:"controls stage" "controls matches";background:#fff}[data-pf-size-tool] .controls{grid-area:controls;padding:26px;background:var(--panel);border-right:1px solid var(--line);overflow:auto}[data-pf-size-tool] .step{background:#fff;border:1px solid #ddd;padding:18px;margin-bottom:12px}[data-pf-size-tool] .step-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}[data-pf-size-tool] .num{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:900}[data-pf-size-tool] .step h2{font-size:15px;margin:0;letter-spacing:-.01em}[data-pf-size-tool] .label-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:13px 0 7px;font-size:13px;font-weight:800}[data-pf-size-tool] .value{font-variant-numeric:tabular-nums;color:var(--red)}[data-pf-size-tool] .seg{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}[data-pf-size-tool] .seg button,[data-pf-size-tool] .chips button{border:1px solid #ccc;background:#fff;padding:10px 7px;font-size:12px;font-weight:800;min-height:42px}[data-pf-size-tool] .seg button[aria-pressed=true],[data-pf-size-tool] .chips button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}[data-pf-size-tool] input[type=range]{width:100%;accent-color:var(--red)}[data-pf-size-tool] .range-ends{display:flex;justify-content:space-between;color:#777;font-size:11px}[data-pf-size-tool] .chips{display:flex;gap:7px;flex-wrap:wrap}[data-pf-size-tool] .frame-chip{display:flex!important;align-items:center;gap:7px}[data-pf-size-tool] .dot{width:13px;height:13px;border-radius:50%;border:1px solid #999}[data-pf-size-tool] .dot.black{background:#111}[data-pf-size-tool] .dot.brown{background:#60412d}[data-pf-size-tool] .dot.white{background:#fff}[data-pf-size-tool] .summary{background:var(--ink);color:#fff;padding:18px}[data-pf-size-tool] .summary small{color:#bbb;text-transform:uppercase;letter-spacing:.12em;font-weight:800}[data-pf-size-tool] .summary strong{font-size:28px;display:block;letter-spacing:-.04em;margin:4px 0}[data-pf-size-tool] .summary p{margin:0;color:#ddd;font-size:13px}[data-pf-size-tool] .summary .why{margin-top:12px;padding-top:12px;border-top:1px solid #383838;color:#fff}[data-pf-size-tool] .stage{grid-area:stage;position:relative;background:#e9e8e5;min-width:0;min-height:620px;display:flex;flex-direction:column}[data-pf-size-tool] .stage-toolbar{height:58px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:12px}[data-pf-size-tool] .stage-toolbar strong{font-size:13px}[data-pf-size-tool] .actions{display:flex;gap:8px}[data-pf-size-tool] .action{border:1px solid #bbb;background:#fff;padding:9px 12px;font-weight:850;font-size:12px}[data-pf-size-tool] .action.primary{background:var(--red);border-color:var(--red);color:#fff}[data-pf-size-tool] .wall-wrap{padding:24px;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}[data-pf-size-tool] .wall{position:relative;width:min(100%,980px);aspect-ratio:16/10;background:linear-gradient(180deg,#faf9f7 0 72%,#d9d1c8 72% 74%,#9b806c 74% 100%);box-shadow:inset 0 0 0 1px #00000014;overflow:hidden;touch-action:none}[data-pf-size-tool] .wall:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 22%,rgba(255,255,255,.9),transparent 26%),linear-gradient(90deg,rgba(0,0,0,.02),transparent 30%);pointer-events:none}[data-pf-size-tool] .measure{position:absolute;left:4%;right:4%;top:4%;display:flex;align-items:center;color:#666;font-size:11px;font-weight:800}[data-pf-size-tool] .measure:before,[data-pf-size-tool] .measure:after{content:"";height:1px;background:#aaa;flex:1}[data-pf-size-tool] .measure span{padding:0 10px}[data-pf-size-tool] .art{position:absolute;left:50%;top:29%;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 14px rgba(0,0,0,.24));cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:width .35s cubic-bezier(.2,.8,.2,1)}[data-pf-size-tool] .art.dragging{cursor:grabbing;transition:none}[data-pf-size-tool] .art img{width:100%;height:100%;display:block;object-fit:contain}[data-pf-size-tool] .art-tag{position:absolute;left:50%;bottom:-28px;transform:translate(-50%);white-space:nowrap;background:#0c0c0deb;color:#fff;padding:5px 8px;font-size:10px;font-weight:800}[data-pf-size-tool] .furniture{position:absolute;left:50%;bottom:13%;transform:translate(-50%);width:58%;height:20%;transition:width .3s}[data-pf-size-tool] .sofa{background:#303236;border-radius:14px 14px 5px 5px;box-shadow:inset 0 12px #3c3f44,0 12px 20px #00000029}[data-pf-size-tool] .sofa:before,[data-pf-size-tool] .sofa:after{content:"";position:absolute;bottom:-7%;width:4%;height:12%;background:#171717}[data-pf-size-tool] .sofa:before{left:8%}[data-pf-size-tool] .sofa:after{right:8%}[data-pf-size-tool] .bed{height:18%;background:#e8e4df;border:1px solid #ccc;box-shadow:0 12px 20px #00000021}[data-pf-size-tool] .bed:before{content:"";position:absolute;inset:15% 8% auto;height:40%;background:#fff;border-radius:30px 30px 8px 8px}[data-pf-size-tool] .console{height:10%;background:#442e20;box-shadow:0 12px 18px #0000002e}[data-pf-size-tool] .console:before,[data-pf-size-tool] .console:after{content:"";position:absolute;top:100%;height:90%;width:3%;background:#2d1d15}[data-pf-size-tool] .console:before{left:8%}[data-pf-size-tool] .console:after{right:8%}[data-pf-size-tool] .floor-label{position:absolute;right:3%;bottom:3%;font-size:10px;color:#fffc;font-weight:800;letter-spacing:.08em;text-transform:uppercase}[data-pf-size-tool] .matches{grid-area:matches;padding:20px;background:#fff;border-top:1px solid #ddd}[data-pf-size-tool] .matches-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}[data-pf-size-tool] .matches h2{font-size:18px;margin:0}[data-pf-size-tool] .matches p{margin:3px 0 0;font-size:12px;color:#666}[data-pf-size-tool] .product-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}[data-pf-size-tool] .product{display:grid;grid-template-columns:74px 1fr;gap:10px;border:1px solid #ddd;padding:9px;min-width:0;background:#fff;transition:transform .2s,border-color .2s}[data-pf-size-tool] .product:hover{transform:translateY(-2px);border-color:#999}[data-pf-size-tool] .product.selected{outline:2px solid var(--red);outline-offset:-2px}[data-pf-size-tool] .product img{width:74px;height:74px;object-fit:contain;background:#f5f5f5}[data-pf-size-tool] .product h3{font-size:12px;line-height:1.2;margin:0 0 5px}[data-pf-size-tool] .product .meta{font-size:11px;color:#666}[data-pf-size-tool] .product .price{font-size:13px;font-weight:900;margin-top:5px}[data-pf-size-tool] .product a{display:inline-block;margin-top:6px;font-size:11px;font-weight:900;color:var(--red);text-decoration:none}[data-pf-size-tool] .product a:hover{text-decoration:underline}[data-pf-size-tool] .live-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:850;color:#276b36}[data-pf-size-tool] .live-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#34a853;box-shadow:0 0 0 3px #e6f4e8}[data-pf-size-tool] .toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;background:#111;color:#fff;padding:12px 16px;font-size:13px;font-weight:750;z-index:20;transition:.25s}[data-pf-size-tool] .toast.show{transform:translate(-50%);opacity:1}@media(max-width:980px){[data-pf-size-tool] .hero{grid-template-columns:1fr}[data-pf-size-tool] .hero-note{display:none}[data-pf-size-tool] .app{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "controls" "matches"}[data-pf-size-tool] .controls{border-right:0;border-bottom:1px solid #ddd;display:grid;grid-template-columns:1fr 1fr;gap:10px}[data-pf-size-tool] .step{margin:0}[data-pf-size-tool] .summary{grid-column:1/-1}[data-pf-size-tool] .stage{min-height:700px}[data-pf-size-tool] .product-row{grid-template-columns:1fr 1fr}[data-pf-size-tool] .product:last-child{grid-column:1/-1}}@media(max-width:640px){[data-pf-size-tool] header{padding:17px;gap:10px}[data-pf-size-tool] .brand{font-size:18px;white-space:nowrap;letter-spacing:-.8px}[data-pf-size-tool] .hero{padding:34px 18px 24px}[data-pf-size-tool] h1{font-size:43px}[data-pf-size-tool] .app{margin:0 8px 40px}[data-pf-size-tool] .controls{display:block;padding:10px}[data-pf-size-tool] .step{margin-bottom:8px;padding:15px}[data-pf-size-tool] .stage{min-height:530px}[data-pf-size-tool] .stage-toolbar{height:auto;padding:10px;align-items:flex-start}[data-pf-size-tool] .actions{flex-wrap:wrap;justify-content:flex-end}[data-pf-size-tool] .action{padding:8px 9px}[data-pf-size-tool] .wall-wrap{padding:8px}[data-pf-size-tool] .wall{aspect-ratio:4/5}[data-pf-size-tool] .measure{top:3%}[data-pf-size-tool] .art{top:28%}[data-pf-size-tool] .furniture{bottom:16%;width:70%}[data-pf-size-tool] .matches{padding:14px}[data-pf-size-tool] .product-row{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:4px}[data-pf-size-tool] .product{min-width:260px;scroll-snap-align:start}[data-pf-size-tool] .product:last-child{min-width:260px}[data-pf-size-tool] .matches-head{align-items:start}[data-pf-size-tool] .proto{font-size:8px;padding:6px 7px;line-height:1.25;max-width:170px}}@media(prefers-reduced-motion:reduce){[data-pf-size-tool] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[data-pf-size-tool]{display:block;width:100%;overflow:hidden}[data-pf-size-tool] .pf-tool-method{margin:0 clamp(12px,3vw,44px) 70px;padding:clamp(24px,4vw,52px);background:#0c0c0d;color:#fff}[data-pf-size-tool] .pf-tool-method__eyebrow{margin:0 0 8px;color:#ce1312;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}[data-pf-size-tool] .pf-tool-method h2{margin:0 0 24px;color:#fff;font-size:clamp(28px,4vw,48px);letter-spacing:-.04em;line-height:1}[data-pf-size-tool] .pf-tool-method__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#333;border:1px solid #333}[data-pf-size-tool] .pf-tool-method article{padding:22px;background:#151516}[data-pf-size-tool] .pf-tool-method strong{font-size:16px}[data-pf-size-tool] .pf-tool-method p{margin:8px 0 0;color:#ccc;font-size:14px}@media(max-width:700px){[data-pf-size-tool] .pf-tool-method{margin:0 8px 40px;padding:24px 18px}[data-pf-size-tool] .pf-tool-method__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/paintfu-wall-art-size-studio.css.map */