.pcc{--pcc-ink:#303247;--pcc-muted:#656572;--pcc-line:#e5e4ea;--pcc-lilac:#eee8f5;--pcc-purple:#715680;--pcc-green:#3d705b;color:var(--pcc-ink);padding-top:20px;padding-bottom:72px;max-width:1280px!important}
.pcc *{box-sizing:border-box}.pcc [hidden]{display:none!important}.pcc button,.pcc input,.pcc select{font:inherit}.pcc :where(button,a,input,select,summary,.pcc-stage-scroll){outline-offset:4px}.pcc :focus-visible{outline:3px solid #77558b}.pcc button{color:inherit;cursor:pointer}.pcc button:disabled{opacity:.42;cursor:default}.pcc-breadcrumb{display:flex;gap:10px;font-size:12px;margin-bottom:22px;color:var(--pcc-muted)}.pcc-breadcrumb a{color:inherit;text-decoration:none}.pcc-breadcrumb a:hover{text-decoration:underline}
.pcc-heading{margin:0 0 30px;max-width:900px}.pcc-eyebrow{font-size:11px!important;letter-spacing:.14em;line-height:1.6;font-weight:750;margin:0 0 9px!important;color:var(--pcc-purple)}.pcc-heading h1{font-family:var(--sc-font-heading,'Baloo 2',sans-serif);font-size:clamp(32px,3.8vw,52px);font-weight:700;line-height:1.05;letter-spacing:-.035em;margin:0 0 14px}.pcc-heading h1 span{color:var(--pcc-purple)}.pcc-heading>p:not(.pcc-eyebrow){font-size:16px;line-height:1.6;margin:0;max-width:600px}.pcc-highlights{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:12px;font-weight:550;color:var(--pcc-muted)}.pcc-highlights span:before{content:'✓';margin-right:6px;color:var(--pcc-green)}
.pcc-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.9fr);gap:48px;align-items:start}.pcc-visual-column{position:sticky;top:92px;min-width:0}.pcc-visual{border:1px solid var(--pcc-line);border-radius:18px;overflow:hidden;background:#faf9f7;box-shadow:0 8px 26px #34304406}.pcc-stage-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 20px;min-height:54px;background:#fff}.pcc-stage-top>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.pcc-stage-top i{height:6px;width:6px;background:#78957d;border-radius:50%}.pcc-text-button{background:transparent;border:0;min-height:44px;padding:8px 2px;font-size:12px!important;text-decoration:underline;text-underline-offset:4px;line-height:1.4}.pcc-room{height:auto;aspect-ratio:1.5;background-image:var(--cc-room);background-size:cover;background-position:center bottom;overflow:hidden;min-height:320px}.pcc-stage-scroll{height:100%;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;display:flex;align-items:center;min-height:320px}.pcc-stage{position:relative;flex:none;min-width:100%;isolation:isolate}.pcc-stage[data-base=board]{background:#fffc;box-shadow:inset 0 0 0 7px #d3ceca,inset 0 0 0 9px #f8f7f5;border-radius:6px}.pcc-line-drawing{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(1px 3px 1px #241a1330)}.pcc-placed-piece{position:absolute;transform:translateX(-50%) rotate(var(--piece-rotation,0deg));transform-origin:50% 30%;z-index:2}.pcc-placed-piece img{display:block;height:100%;width:100%;object-fit:contain;filter:drop-shadow(1px 2px .5px #39302942) drop-shadow(4px 8px 4px #3a29212e)}.pcc-stage[data-demo=true] .pcc-placed-piece{opacity:1}.pcc-stage-caption{margin:0;padding:13px 12px;font-size:11px;line-height:1.5;color:var(--pcc-muted);text-align:center;background:#fff}.pcc-stage-empty{position:absolute;top:165px;left:0;width:100%;text-align:center;padding:0 20px;font-size:13px;color:var(--pcc-muted)}
.pcc-arrange{border-bottom:1px solid var(--pcc-line);margin-top:8px}.pcc-arrange>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font-size:12px;cursor:pointer;list-style:none}.pcc-arrange>summary::-webkit-details-marker{display:none}.pcc-arrange-action{color:var(--pcc-purple);display:flex;gap:12px;align-items:center}.pcc-arrange-action>span{font-size:20px}.pcc-arrange[open] .pcc-arrange-action>span{transform:rotate(45deg)}.pcc-preview-help,.pcc-saved{font-size:11px;line-height:1.6;color:var(--pcc-muted);margin:9px 0}.pcc-saved:empty{display:none}.pcc-selection{display:grid;grid-template-columns:1fr;gap:3px;max-height:230px;overflow-y:auto;scrollbar-width:thin}.pcc-selected{display:flex;align-items:center;justify-content:space-between;gap:4px;border-bottom:1px solid var(--pcc-line);font-size:12px;padding:4px 0}.pcc-selected>span{line-height:1.4;flex:1;overflow-wrap:anywhere}.pcc-selected>div{display:flex;flex:none}.pcc-selected button{background:white;border:0;min-width:44px;min-height:44px;font-size:18px}.pcc-selected button:focus-visible{outline-offset:-3px}.pcc-story{display:flex;gap:16px;align-items:center;margin-top:24px;padding:0 8px}.pcc-story-icon{display:grid;place-items:center;flex:none;font-size:27px;width:48px;height:48px;border-radius:50%;background:#f1edf7;color:var(--pcc-purple)}.pcc-story p{margin:0;font-size:13px;line-height:1.6}.pcc-story strong{display:block;font-weight:650}.pcc-story p>span{display:block;color:var(--pcc-muted);font-size:12px;max-width:420px}
.pcc-controls{min-width:0}.pcc-buy-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--pcc-line);padding-bottom:17px;margin-bottom:20px}.pcc-buy-heading h2{font-family:var(--sc-font-heading,'Baloo 2',sans-serif);font-size:25px;line-height:1.2;letter-spacing:-.02em;margin:0}.pcc-buy-heading p{font-size:12px;white-space:nowrap;margin:0;color:var(--pcc-muted)}.pcc-buy-heading strong{font-size:16px;color:var(--pcc-ink)}.pcc-step{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--pcc-line);scroll-margin-top:90px}.pcc-step h2{display:flex;align-items:center;gap:10px;font-family:inherit;font-size:17px;line-height:1.35;font-weight:650;margin:0 0 16px;letter-spacing:-.015em}.pcc-step h2>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:var(--pcc-lilac);color:var(--pcc-purple);font-size:12px}.pcc-step h2 small{font-size:12px;font-weight:500;color:var(--pcc-muted);margin-left:auto;white-space:nowrap}.pcc-bases{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pcc-base{display:flex;align-items:center;text-align:left;gap:8px;border:1.5px solid var(--pcc-line);border-radius:10px;background:#fff;padding:11px 9px;min-height:77px}.pcc-base[aria-pressed=true]{border-color:var(--pcc-purple);box-shadow:0 0 0 .5px var(--pcc-purple);background:#faf7fd}.pcc-base svg{width:50px;height:33px;color:var(--pcc-purple);flex:none}.pcc-base strong{display:block;font-size:12px;line-height:1.4;font-weight:650}.pcc-base small{display:block;font-size:11px;line-height:1.4;margin-top:3px;color:var(--pcc-muted)}.pcc-finishes{display:flex;align-items:center;gap:14px;border:0;padding:0;margin:15px 0 0;min-width:0}.pcc-finishes legend{float:left;font-size:12px;line-height:44px;padding:0;margin-right:12px}.pcc-finishes legend span{margin-left:6px;color:var(--pcc-muted)}.pcc-finishes>div{display:flex;gap:5px}.pcc-finishes button{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1.5px solid transparent;border-radius:50%}.pcc-finishes button[aria-pressed=true]{border-color:var(--pcc-purple)}.pcc-finishes button span{width:27px;height:27px;background:var(--finish);border:1px solid #0002;border-radius:50%}
.pcc-value{margin-bottom:19px}.pcc-value-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px}.pcc-value-heading strong{font-size:12px;font-weight:600}.pcc-value-heading>span{font-size:11px;color:var(--pcc-muted)}.pcc-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pcc-tier{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #ddd6e7;border-radius:9px;background:#fff;min-height:69px;padding:13px 5px 11px}.pcc-tier strong{font-size:13px;font-weight:650}.pcc-tier>span:not(.pcc-tier-tag){font-size:12px;color:var(--pcc-purple)}.pcc-tier-featured{background:#f5f0fa;border:1.5px solid var(--pcc-purple)}.pcc-tier[aria-pressed=true]{box-shadow:0 0 0 1px var(--pcc-purple)}.pcc-tier-tag{position:absolute;top:-14px;border-radius:12px;background:var(--pcc-purple);color:#fff;font-size:10px;line-height:1.4;font-weight:650;letter-spacing:.01em;padding:3px 10px;white-space:nowrap}.pcc-value>p{font-size:11px;color:var(--pcc-muted);line-height:1.5;margin:9px 0 0}.pcc-piece-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.pcc-piece-tools select{appearance:auto;min-height:44px;max-width:65%;font-size:14px;padding:8px 26px 8px 11px;border:1px solid var(--pcc-line);background:white;border-radius:8px;color:var(--pcc-ink)}.pcc-piece-tools .pcc-text-button{max-width:38%;text-align:right}.pcc-piece-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pcc-piece{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid var(--pcc-line);border-radius:10px;padding:14px 6px 9px;background:#fff;transition:background .16s,border-color .16s,transform .16s}.pcc-piece:hover{background:#faf7fd;border-color:#b7a2c6;transform:translateY(-2px)}.pcc-piece img{display:block;width:100%;height:79px;object-fit:contain;filter:drop-shadow(1px 2px 1px #31263818)}.pcc-piece>span:not(.pcc-piece-add){font-size:11px;line-height:1.3;text-align:center;min-height:29px;max-width:100%;padding:0 2px}.pcc-piece-add{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--pcc-lilac);font-size:16px;color:var(--pcc-purple)}.pcc-piece[aria-label*='in your display']{border-color:#b3a0c1;background:#fcfaff}.pcc-piece[aria-label*='in your display'] .pcc-piece-add{background:var(--pcc-purple);color:white;font-size:12px}.pcc-small{font-size:11px;color:var(--pcc-muted);line-height:1.6;margin:12px 0 0}
.pcc-review{border:0;border-radius:13px;background:#f8f7fa;padding:22px;margin:0}.pcc-progress{margin:0 0 17px}.pcc-progress p{font-size:12px;font-weight:550;line-height:1.5;margin:0 0 9px;color:var(--pcc-purple)}.pcc-progress progress{width:100%;height:5px;border:0;border-radius:4px;background:#e5dcec;overflow:hidden;display:block;accent-color:var(--pcc-purple)}.pcc-progress progress::-webkit-progress-bar{background:#e5dcec}.pcc-progress progress::-webkit-progress-value{background:var(--pcc-purple);border-radius:4px}.pcc-progress progress::-moz-progress-bar{background:var(--pcc-purple)}.pcc-summary{font-size:12px;margin:0 0 20px}.pcc-summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;line-height:1.6;margin:10px 0}.pcc-summary dt{color:var(--pcc-muted);flex:1}.pcc-summary dd{text-align:right;margin:0;max-width:65%;overflow-wrap:anywhere}.pcc-summary .pcc-total-row{font-size:18px;font-weight:650;border-top:1px solid var(--pcc-line);padding-top:12px;margin-top:14px}.pcc-total-row dt{color:var(--pcc-ink)}.pcc-summary .pcc-savings-row dt,.pcc-summary .pcc-savings-row dd{color:var(--pcc-green);font-weight:600}.pcc-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:0;border-radius:30px;background:var(--pcc-ink);color:#fff!important;text-decoration:none;text-align:center;padding:13px 22px;font-size:14px;font-weight:650;line-height:1.4;cursor:pointer}.pcc-primary:hover{background:#4a3856}.pcc-review>.pcc-primary{width:100%}.pcc-checkout-note{font-size:11px;text-align:center;margin:12px 0 0;line-height:1.5;color:var(--pcc-muted)}.pcc-checkout-note>span{margin:0 4px}.pcc-pricing-note{font-size:11px;line-height:1.6;color:var(--pcc-muted);margin:8px 0 0;text-align:center}.pcc-error,.pcc-notice{font-size:13px;line-height:1.6;background:#fff1ef;color:#8b2e26;padding:12px;border-radius:7px}.pcc-coming-copy{font-size:13px;line-height:1.7;color:var(--pcc-muted)}
.pcc-details{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:60px 0 0;border-top:1px solid var(--pcc-line);margin-top:66px}.pcc-details h2{font-family:var(--sc-font-heading,'Baloo 2',sans-serif);font-size:42px;line-height:1.05;letter-spacing:-.025em;margin:0 0 20px}.pcc-details p{font-size:14px;line-height:1.8;color:var(--pcc-muted);max-width:410px;margin:0}.pcc-text-link{display:inline-flex;min-height:44px;align-items:center;gap:18px;font-size:13px;color:var(--pcc-purple);text-underline-offset:4px;margin-top:18px}.pcc-faq details{border-bottom:1px solid var(--pcc-line)}.pcc-faq summary{font-size:13px;font-weight:550;padding:17px 24px 17px 0;cursor:pointer;line-height:1.5;min-height:52px}.pcc-faq details p{font-size:12px;padding-bottom:18px;max-width:none}.pcc-faq a{color:inherit;text-underline-offset:3px}.pcc-placed-error{min-height:70px;padding:8px;display:grid;place-items:center;background:#fff8;border:1px dashed #9889a3;border-radius:8px;text-align:center;font-size:11px;line-height:1.4}.pcc-piece[data-image-error] img{visibility:hidden}.pcc-image-error{font-size:11px!important;color:#8b2e26}
.pcc-mobile-bar,.pcc-mini-preview{display:none}#cc-full-preview{scroll-margin-top:85px}.pcc-mini-preview .pcc-stage-empty{display:none}.pcc-mini-preview .pcc-stage{min-width:0;margin:0}.pcc-mini-art{height:76px;overflow:hidden;position:relative}.pcc-mini-stage{position:absolute;top:0;left:0;transform-origin:top left;pointer-events:none}.pcc-mini-heading{height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;color:var(--pcc-ink);font-size:12px;font-weight:600}.pcc-mini-heading a{display:flex;align-items:center;min-height:44px;padding:0 3px;color:var(--pcc-purple);font-size:12px;text-underline-offset:3px}.pcc-mini-heading a:focus-visible{outline-offset:-3px}
@media(min-width:1500px){.pcc-room{min-height:440px}}
@media(max-width:1100px) and (min-width:900px){.pcc-layout{gap:28px;grid-template-columns:minmax(0,1.08fr) minmax(360px,1fr)}.pcc-base svg{width:38px}.pcc-visual-column{top:86px}}
@media(max-width:899px){.pcc{padding-top:14px;padding-bottom:74px}.pcc-breadcrumb{margin-bottom:17px;font-size:11px}.pcc-heading{margin-bottom:22px}.pcc-heading h1{font-size:36px;line-height:1.04;margin-bottom:11px}.pcc-heading>p:not(.pcc-eyebrow){font-size:14px;line-height:1.6;max-width:460px}.pcc-eyebrow{font-size:10px!important;margin-bottom:7px!important}.pcc-highlights{font-size:10px;gap:8px 13px;margin-top:13px}.pcc-layout{grid-template-columns:1fr;gap:26px}.pcc-visual-column{position:static}.pcc-visual{border-radius:14px}.pcc-room{aspect-ratio:1.35;min-height:290px}.pcc-stage-scroll{min-height:290px}.pcc-stage-top{padding:4px 14px;min-height:49px}.pcc-stage-top>span{font-size:11px}.pcc-stage-caption{font-size:10px;padding:10px 8px}.pcc-arrange>summary{min-height:48px;font-size:12px}.pcc-saved{font-size:10px;margin:7px 0 0}.pcc-story{display:none}.pcc-buy-heading{padding-bottom:15px;margin-bottom:20px}.pcc-buy-heading h2{font-size:25px}.pcc-step{margin-bottom:22px;padding-bottom:22px}.pcc-step h2{font-size:17px}.pcc-base{gap:9px;padding:12px 9px;min-height:79px}.pcc-base svg{width:47px}.pcc-base strong{font-size:12px}.pcc-base small{font-size:11px}.pcc-finishes{margin-top:13px}.pcc-finishes legend{font-size:12px}.pcc-piece-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pcc-piece{padding:17px 8px 10px}.pcc-piece img{height:99px}.pcc-piece>span:not(.pcc-piece-add){font-size:12px;min-height:30px}.pcc-piece-tools select{font-size:16px}.pcc-piece-add{width:25px;height:25px}.pcc-value-heading strong{font-size:12px}.pcc-review{padding:20px;margin:0}.pcc-details{grid-template-columns:1fr;gap:24px;margin-top:35px;padding-top:32px}.pcc-details h2{font-size:34px;margin-bottom:14px}.pcc-details p{font-size:13px}.pcc-faq summary{font-size:13px}.pcc-text-link{margin-top:10px}.pcc-selection{max-height:210px}.pcc-selected>span{font-size:12px}.pcc-mini-preview{position:fixed;left:10px;right:10px;top:0;display:block;height:118px;background:#f8f6f3f7;border:1px solid #ded7e4;border-radius:0 0 12px 12px;box-shadow:0 4px 14px #2f31471c;backdrop-filter:blur(10px);z-index:34}.pcc-piece,.pcc-piece-tools,#cc-pieces,#cc-base{scroll-margin-top:190px}.pcc-mobile-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#fffffff7;backdrop-filter:blur(12px);border-top:1px solid var(--pcc-line);box-shadow:0 -3px 18px #00000008;z-index:35}.pcc-mobile-bar>span{display:flex;flex-direction:column;gap:3px;min-width:0}.pcc-mobile-bar strong{font-size:12px}.pcc-mobile-bar small{font-size:11px;color:var(--pcc-muted)}.pcc-mobile-bar .pcc-primary{min-height:44px;font-size:13px;padding:10px 19px;flex:none}.pcc-review{scroll-margin-top:90px}}
@media(max-width:380px){.pcc-heading h1{font-size:31px}.pcc-heading>p:not(.pcc-eyebrow){font-size:13px}.pcc-highlights{gap:6px 10px;font-size:10px}.pcc-highlights span:before{margin-right:4px}.pcc-room{min-height:270px}.pcc-stage-scroll{min-height:270px}.pcc-base svg{display:none}.pcc-base{padding:13px 12px;min-height:73px}.pcc-finishes{gap:3px}.pcc-finishes legend{margin-right:6px;font-size:11px}.pcc-finishes button{width:40px;min-height:44px}.pcc-piece-grid{gap:7px}.pcc-piece img{height:84px}.pcc-piece>span:not(.pcc-piece-add){font-size:11px}.pcc-value-heading{gap:8px}.pcc-value-heading>span{font-size:10px}.pcc-tier strong{font-size:12px}.pcc-tier>span:not(.pcc-tier-tag){font-size:11px}.pcc-review{padding:18px}.pcc-mobile-bar{padding-left:14px;padding-right:14px}.pcc-mobile-bar .pcc-primary{padding-left:16px;padding-right:16px}}
.pcc-room{width:100%;max-width:100%;min-width:0}.pcc-stage-scroll{max-width:100%}.pcc-tier:disabled{opacity:1;color:var(--pcc-muted)}.pcc-tier[data-reached=true]{background:#f5f0fa;border-color:#b5a2c1}.pcc-arrange [data-cc-arrangement-count]{margin-left:7px;color:var(--pcc-muted);font-size:11px}
@media(max-width:899px){.pcc.sc-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}.pcc-room{aspect-ratio:auto;height:290px;min-height:0}.pcc-stage-scroll{height:290px;min-height:0}.pcc-heading h1{font-size:34px}.pcc-finishes button{width:44px;min-width:44px}}
@media(max-width:380px){.pcc-heading h1{font-size:31px}.pcc-finishes legend{margin-right:3px}.pcc-finishes>div{gap:2px}}
@media(prefers-reduced-motion:reduce){.pcc *{scroll-behavior:auto!important;transition:none!important}.pcc-piece:hover{transform:none}}
