.cf-page{--cf-ink:#172e33;--cf-muted:#6c7c80;--cf-accent:#147e78;--cf-line:#dfe7e7;color:var(--cf-ink);background:#f5f7f7}.cf-main{max-width:1440px;margin:0 auto;padding:30px 48px 36px}.cf-breadcrumb{color:#829093;align-items:center;gap:12px;margin-bottom:28px;font-size:11px;display:flex}.cf-breadcrumb a:hover{color:var(--cf-accent)}.cf-breadcrumb span:last-child{color:#425b60}.cf-hero{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px;display:flex}.cf-eyebrow{letter-spacing:1.6px;color:#71888b;font-size:10px;font-weight:700;display:block}.cf-hero .cf-eyebrow{color:#147e78;margin-bottom:12px}.cf-hero h1{letter-spacing:-1.7px;margin:0;font-size:clamp(30px,3.2vw,45px);font-weight:600;line-height:1.13}.cf-hero h1 span{color:#14837b}.cf-hero p{color:#6b7c81;max-width:340px;padding-bottom:2px;font-size:13px;line-height:1.8}.cf-app *,.cf-dialog *{box-sizing:border-box}.cf-app button,.cf-dialog button{cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.cf-app button:disabled,.cf-dialog button:disabled{cursor:not-allowed;opacity:.45}.cf-app svg,.cf-dialog svg{flex-shrink:0;width:19px;height:19px}.cf-products{border:0;min-width:0;margin:0 0 28px;padding:0}.cf-products legend{margin-bottom:12px}.cf-product-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.cf-product{border:1px solid var(--cf-line);cursor:pointer;background:#fff;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-width:0;padding:13px 16px 16px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.cf-product:hover{border-color:#80aca5;box-shadow:0 4px 15px #213e3408}.cf-product.is-selected{background:#ecf5f2;border-color:#177d72;box-shadow:inset 0 0 0 1px #177d721a}.cf-product strong{font-size:12px;font-weight:600;line-height:1.4;display:block}.cf-product small{color:#7c898b;margin-top:4px;font-size:10px;line-height:1.5;display:block}.cf-product .cf-product-drawing{color:#6c8385;width:49px;height:43px}.cf-product.is-selected .cf-product-drawing{color:#147e78}.cf-product input,.cf-choice input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}:is(.cf-product:has(input:focus-visible),.cf-choice:has(input:focus-visible)){outline-offset:3px;outline:3px solid #22b9ad}.cf-product-check{background:#fff;border:1px solid #d5dfdf;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:12px;right:12px}.cf-product-check svg{opacity:0;width:10px;height:10px}.cf-product.is-selected .cf-product-check{color:#fff;background:#147e78;border-color:#147e78}.cf-product.is-selected .cf-product-check svg{opacity:1}.cf-workspace{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.cf-preview-column{min-width:0;position:sticky;top:100px}.cf-preview{isolation:isolate;background:#e7eae7;border:1px solid #dbe3df;border-radius:19px;height:536px;position:relative;overflow:hidden}.cf-preview-heading{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:25px;left:26px;right:26px}.cf-preview-heading .cf-eyebrow{color:#647b72;font-size:9px}.cf-preview-heading h2{letter-spacing:-.4px;margin-top:6px;font-size:19px;font-weight:500}.cf-live-badge{color:#4e7064;white-space:nowrap;background:#ffffffa8;border-radius:30px;align-items:center;gap:7px;padding:6px 9px;font-size:9px;display:flex}.cf-live-badge i{background:#2d9472;border-radius:50%;width:5px;height:5px}.product-studio{width:100%;height:100%;min-height:340px;position:relative}.product-studio canvas{touch-action:none}.studio-toolbar{z-index:3;flex-wrap:wrap;justify-content:center;gap:5px;display:flex;position:absolute;bottom:69px;left:12px;right:12px}.studio-toolbar button{color:#345149;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffd;border:1px solid #ffffffc0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:9px 13px;font-size:10px;display:flex;box-shadow:0 3px 12px #233c3008}.studio-toolbar button svg{width:14px;height:14px}.studio-toolbar button:hover{background:#fff}.studio-toolbar button[aria-pressed=true]{color:#fff;background:#244e44;border-color:#244e44}.studio-toolbar button:disabled{opacity:.4;cursor:not-allowed}.studio-hint{text-align:center;color:#65766d;pointer-events:none;width:100%;padding:0 12px;font-size:10px;position:absolute;bottom:43px}.studio-note{text-align:center;color:#7a867e;pointer-events:none;width:100%;padding:0 16px;font-size:9px;position:absolute;bottom:17px}.dimension-tag{white-space:nowrap;color:#39564b;pointer-events:none;background:#ffffffed;border:1px solid #d8dfdb;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:500}.cf-preview-warning{color:#77592c;background:#fff4ddeb;border-radius:9px;padding:10px;font-size:11px;position:absolute;top:90px;left:20px;right:20px}.cf-preview-specs{border:1px solid var(--cf-line);background:#fff;border-radius:13px;grid-template-columns:repeat(3,1fr);margin-top:10px;padding:21px 10px;display:grid}.cf-preview-specs>span{grid-template-columns:auto 1fr;align-items:center;column-gap:9px;padding:0 14px;display:grid}.cf-preview-specs>span+span{border-left:1px solid #e5ece9}.cf-preview-specs svg{color:#899b94;grid-row:span 2;width:17px}.cf-preview-specs strong{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.cf-preview-specs small{color:#8a9691;margin-top:2px;font-size:9px}.cf-preview-caption{color:#566f68;align-items:flex-start;gap:10px;margin:20px 9px;font-size:11px;line-height:1.7;display:flex}.cf-preview-caption svg{width:16px;height:16px;margin-top:1px}.cf-preview-caption span{color:#8b9694}.cf-editor{border:1px solid var(--cf-line);background:#fff;border-radius:18px;min-width:0;scroll-margin-top:100px}.cf-editor-heading{justify-content:space-between;align-items:center;gap:12px;padding:20px 25px 16px;display:flex}.cf-text-button{color:#68817c;background:0 0;border:none;align-items:center;gap:5px;padding:4px 0;font-size:11px;display:inline-flex}.cf-text-button:hover{color:#147e78}.cf-text-button svg{width:13px;height:13px}.cf-stage-nav{border-bottom:1px solid #e9eeee;gap:5px;padding:0 23px 18px;display:flex}.cf-stage-nav button{color:#879594;background:#f7f9f8;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-size:11px;display:flex}.cf-stage-nav button span{border:1px solid #dce5e1;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;display:grid}.cf-stage-nav button[aria-current=step]{color:#18796d;background:#eaf4f0;border-color:#cde5dc;font-weight:600}.cf-stage-nav button[aria-current=step] span{color:#fff;background:#177c70;border-color:#177c70}.cf-editor-content{min-height:400px;padding:25px}.cf-section-title{margin-bottom:24px}.cf-section-title h3{letter-spacing:-.55px;margin-bottom:7px;font-size:21px;font-weight:500;line-height:1.25}.cf-section-title p{color:#81918f;font-size:11px;line-height:1.7}.cf-section-title>small{color:#85948f;margin-top:10px;font-size:10px;line-height:1.6;display:block}.cf-dimensions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cf-dimension{background:#fbfcfb;border:1px solid #dfe7e4;border-radius:11px;min-width:0;padding:15px}.cf-dimension.has-error{border-color:#ce8e6c}.cf-dimension label{color:#58756b;align-items:center;gap:6px;font-size:11px;display:flex}.cf-dimension label svg{width:13px;height:13px}.cf-dimension label span{color:#9aa7a1;margin-left:auto;font-size:10px}.cf-dimension input[type=number]{color:#203d34;letter-spacing:-1px;appearance:textfield;background:0 0;border:0;outline:none;width:100%;margin:9px 0 15px;padding:0;font-size:30px;font-weight:500;display:block}.cf-dimension input::-webkit-inner-spin-button{appearance:none}.cf-stepper input::-webkit-inner-spin-button{appearance:none}.cf-dimension input[type=range]{accent-color:#167c6e;cursor:pointer;width:100%;height:4px;margin:10px 0;display:block}.cf-range-labels{color:#96a49e;justify-content:space-between;font-size:9px;display:flex}.cf-presets{margin:19px 0 24px}.cf-presets>span{color:#7e9089;margin-bottom:8px;font-size:10px;display:block}.cf-presets>div{flex-wrap:wrap;gap:6px;display:flex}.cf-presets button{color:#61776d;background:#fff;border:1px solid #e1e8e4;border-radius:6px;padding:7px 10px;font-size:10px}.cf-presets button small{color:#9ca9a2;margin-left:5px;font-size:9px}.cf-presets button[aria-pressed=true]{color:#237659;background:#f0f6f3;border-color:#9fc8b9}.cf-quantity-row{border-top:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:12px;padding:19px 0;display:flex}.cf-quantity-row label{font-size:12px;font-weight:500}.cf-quantity-row p{color:#94a19b;margin-top:5px;font-size:10px}.cf-stepper{border:1px solid #dce5e0;border-radius:9px;flex-shrink:0;height:40px;display:flex;overflow:hidden}.cf-stepper button{color:#526e60;background:#f8faf9;border:0;place-items:center;width:32px;display:grid}.cf-stepper button svg{width:13px;height:13px}.cf-stepper input{text-align:center;color:#294839;appearance:textfield;background:#fff;border:0;width:40px;padding:0;font-size:13px;font-weight:600}.cf-help{color:#7a8f82;background:#f4f7f5;border:1px solid #e9efeb;border-radius:9px;align-items:flex-start;gap:9px;padding:13px;font-size:10px;line-height:1.7;display:flex}.cf-help svg{width:14px;height:14px;margin-top:1px}.cf-filter{border:0;min-width:0;margin:0 0 25px;padding:0}.cf-filter:last-child{margin-bottom:0}.cf-filter legend{color:#36564b;align-items:center;gap:8px;margin-bottom:13px;font-size:12px;font-weight:600;display:flex}.cf-filter-index{color:#9bb0a6;font-size:9px;font-weight:400}.cf-option-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.cf-choice{cursor:pointer;background:#fff;border:1px solid #e1e8e4;border-radius:11px;flex-direction:column;min-width:0;padding:15px 13px 12px;transition:background .15s,border-color .15s;display:flex;position:relative}.cf-choice:hover{border-color:#9bbdaf}.cf-choice.is-selected{background:#f0f7f3;border-color:#3f9480}.cf-choice-title{color:#365548;font-size:11px;font-weight:600;line-height:1.5}.cf-choice-hint{color:#8b9b93;margin-top:3px;font-size:9px;line-height:1.5}.cf-choice-price{color:#8d9e95;margin-top:auto;padding-top:9px;font-size:9px;display:block}.cf-choice.is-selected .cf-choice-price{color:#2a8870}.cf-choice-symbol{color:#79978a;margin-bottom:10px;display:block}.cf-choice-symbol svg{width:20px;height:20px}.cf-radio-mark{border:1px solid #d8e2db;border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:12px;right:12px}.cf-radio-mark svg{opacity:0;width:9px;height:9px}.cf-choice.is-selected .cf-radio-mark{color:#fff;background:#21816b;border-color:#21816b}.cf-choice.is-selected .cf-radio-mark svg{opacity:1}.cf-choice .cf-product-drawing{color:#567d6b;width:58px;height:52px;margin-bottom:8px}.cf-colors{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:7px;display:grid}.cf-color-choice{text-align:center;align-items:center;padding:12px 5px 10px}.cf-color-choice .cf-choice-title{font-size:10px}.cf-color-choice .cf-choice-hint,.cf-color-choice .cf-choice-price{font-size:8px}.cf-swatch{border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:9px;display:grid;box-shadow:inset 0 0 0 1px #0000000d,0 3px 6px #0000000a}.cf-swatch svg{color:#24573c;opacity:0;background:#ffffffed;border-radius:50%;width:16px;height:16px;padding:3px}.cf-choice.is-selected .cf-swatch svg{opacity:1}.cf-wood{background-image:repeating-linear-gradient(86deg,#0000 0,#3b210c45 2px,#0000 3px 7px,#efc49244 9px)}.cf-editor-footer{background:#f9fbfa;border-top:1px solid #e4ece7;border-radius:0 0 18px 18px;grid-template-columns:1fr auto;align-items:center;gap:13px;padding:20px 25px 15px;display:grid}.cf-total>div{color:#768b7e;flex-wrap:wrap;align-items:center;gap:7px;font-size:10px;display:flex}.cf-tax{border:1px solid #e1e8e3;border-radius:3px;padding:2px 4px;font-size:8px}.cf-total>strong{letter-spacing:-1px;color:#173c2b;font-variant-numeric:tabular-nums;margin-top:5px;font-size:27px;font-weight:600;line-height:1.15;display:block}.cf-total strong small{letter-spacing:0;color:#6b8778;font-size:12px;font-weight:400}.cf-total s{color:#91a097;font-size:11px}.cf-primary{color:#fff;background:#174e41;border:1px solid #174e41;border-radius:9px;justify-content:center;align-items:center;gap:16px;min-height:46px;padding:14px 17px;font-size:11px;font-weight:500;display:inline-flex}.cf-primary:hover{background:#216957;border-color:#216957;box-shadow:0 4px 14px #174e411c}.cf-primary svg{width:16px;height:16px}.cf-footer-note{text-align:center;color:#9aa89f;grid-column:1/-1;margin:0;font-size:9px;line-height:1.6}.cf-error{color:#aa4b31;background:#fff5ef;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:11px;line-height:1.6}.cf-summary-icon{color:#2e8b60;background:#eff8f2;border:1px solid #cce6d7;border-radius:50%;place-items:center;width:39px;height:39px;margin-bottom:15px;display:grid}.cf-spec-list{margin:0;padding:0}.cf-spec-list>div{border-bottom:1px solid #eef2ef;justify-content:space-between;gap:20px;padding:10px 0;font-size:11px;line-height:1.6;display:flex}.cf-spec-list dt{color:#8a9a90;flex:1}.cf-spec-list dd{color:#32543e;text-align:right;flex:1;font-weight:500}.cf-summary-edit{justify-content:flex-end;gap:20px;margin:13px 0 21px;display:flex}.cf-discount{border:1px solid #e0e8e2;border-radius:10px;margin-bottom:19px}.cf-discount summary,.cf-dialog-specs summary{color:#668571;cursor:pointer;justify-content:space-between;align-items:center;padding:14px;font-size:11px;list-style:none;display:flex}.cf-discount summary::-webkit-details-marker{display:none}.cf-dialog-specs summary::-webkit-details-marker{display:none}.cf-discount summary svg{width:14px;height:14px}.cf-discount>div{padding:0 14px 14px}.cf-discount-entry{gap:6px;display:flex}.cf-discount-entry input{color:#325840;background:#fff;border:1px solid #dce6df;border-radius:7px;width:100%;min-width:0;padding:10px;font-size:11px}.cf-discount-entry button{color:#386d4e;background:#e8f3ec;border:1px solid #cfe1d4;border-radius:7px;padding:8px 12px;font-size:11px}.cf-discount-applied{color:#3f8157;justify-content:space-between;align-items:center;font-size:12px;display:flex}.cf-price-breakdown>div{color:#839588;justify-content:space-between;gap:12px;padding:6px 0;font-size:11px;display:flex}.cf-price-breakdown strong{color:#425f4c;font-weight:500}.cf-price-breakdown>p{color:#8b9c90;padding:6px 0;font-size:10px}.cf-price-breakdown .cf-saving,.cf-saving strong{color:#368359}.cf-bottom-note{color:#8a9b95;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:30px 0 10px;font-size:10px;display:flex}.cf-bottom-note svg{width:14px;height:14px}.cf-bottom-note i{background:#bccbc3;border-radius:50%;width:3px;height:3px;margin:0 15px}.cf-sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cf-dialog{color:#1e3a2d;background:#fff;border:1px solid #dce5df;border-radius:20px;width:min(550px,100% - 28px);max-height:calc(100dvh - 40px);margin:auto;padding:32px;box-shadow:0 30px 100px #102b3540}.cf-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f2837a8}.cf-dialog-close{position:absolute;top:20px;right:20px}.cf-icon-button{color:#6c8375;background:#f5f8f6;border:1px solid #e4eae6;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.cf-dialog h2{letter-spacing:-1px;margin:13px 0;font-size:28px;font-weight:500;line-height:1.2}.cf-dialog-intro{color:#8a9a8e;max-width:360px;font-size:12px;line-height:1.7}.cf-dialog-product{background:#f3f7f4;border:1px solid #e5ece7;border-radius:11px;align-items:center;gap:13px;margin:22px 0;padding:12px;display:flex}.cf-dialog-product .cf-product-drawing{color:#7a9885;width:40px;height:44px}.cf-dialog-product strong{font-size:12px;font-weight:600}.cf-dialog-product p{color:#8c9e91;margin-top:4px;font-size:10px}.cf-dialog-product>strong{text-align:right;white-space:nowrap;margin-left:auto}.cf-dialog-product small{color:#8c9e91;margin-top:4px;font-size:8px;font-weight:400;display:block}.cf-quote-form label{color:#66816e;margin:14px 0 7px;font-size:11px;display:block}.cf-quote-form label span{color:#55846a}.cf-quote-form label small{float:right;color:#9eaca2;font-size:9px}.cf-quote-form input,.cf-quote-form textarea{color:#2c4b36;background:#fcfdfc;border:1px solid #dce6df;border-radius:8px;width:100%;min-width:0;padding:11px 12px;font-size:12px}.cf-quote-form input::placeholder,.cf-quote-form textarea::placeholder{color:#a4b0a8}.cf-quote-form textarea{resize:vertical}.cf-contact-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cf-contact-fields>div{min-width:0}.cf-dialog-specs{margin:12px 0}.cf-dialog-specs summary{padding:10px 0}.cf-quote-form>.cf-primary{width:100%;margin:10px 0}.cf-success{text-align:center;padding:20px 0 10px}.cf-success .cf-summary-icon{margin:0 auto 20px}.cf-success p{color:#81998a;margin:15px 0 25px;font-size:13px;line-height:1.8}@media (min-width:1500px){.cf-preview{height:590px}}@media (max-width:1150px){.cf-main{padding:24px}.cf-product{padding:12px}.cf-product small{font-size:9px}.cf-workspace{grid-template-columns:1fr 1fr;gap:16px}.cf-editor-content{padding:20px}.cf-editor-footer{grid-template-columns:1fr;padding:18px 20px}.cf-editor-footer .cf-primary{width:100%}.cf-preview-specs>span{column-gap:6px;padding:0 8px}.cf-preview-specs svg{display:none}.cf-preview-specs>span{grid-template-columns:1fr}}@media (max-width:850px){.cf-hero{flex-direction:column;align-items:flex-start;gap:14px}.cf-hero p{max-width:500px}.cf-workspace{grid-template-columns:1fr}.cf-preview-column{position:relative;top:auto}.cf-preview{height:470px}.cf-preview-caption{display:none}.cf-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-product{flex-direction:row;justify-content:flex-start;gap:8px;padding:12px}.cf-product .cf-product-drawing{width:36px;height:40px}.cf-product small{display:none}.cf-product-check{width:11px;height:11px;top:7px;right:7px}.cf-product-check svg{width:8px;height:8px}.cf-editor-footer{grid-template-columns:1fr auto}.cf-preview-specs>span{text-align:center}.cf-editor-content{min-height:0}}@media (max-width:480px){.cf-main{padding:18px 14px 24px}.cf-breadcrumb{margin-bottom:20px;font-size:10px}.cf-hero{gap:12px;margin-bottom:25px}.cf-hero h1{letter-spacing:-1.1px;font-size:31px}.cf-hero p{font-size:12px}.cf-product-grid{gap:6px}.cf-product{text-align:center;border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:9px 5px 10px}.cf-product strong{font-size:10px}.cf-product .cf-product-drawing{width:33px;height:34px}.cf-products{margin-bottom:17px}.cf-preview{border-radius:13px;height:390px}.cf-preview-heading{top:18px;left:18px;right:18px}.cf-preview-heading h2{font-size:16px}.cf-live-badge{gap:4px;font-size:8px}.cf-preview-specs{border-radius:10px;padding:14px 3px}.cf-preview-specs strong{font-size:12px}.cf-preview-specs small{font-size:8px}.cf-editor{border-radius:13px}.cf-editor-heading{padding:17px}.cf-stage-nav{gap:4px;padding:0 14px 14px}.cf-stage-nav button{gap:6px;padding:9px 5px;font-size:10px}.cf-editor-content{padding:20px 17px}.cf-section-title h3{font-size:21px}.cf-dimensions{gap:8px}.cf-dimension{padding:12px}.cf-dimension input[type=number]{font-size:29px}.cf-presets button{padding:7px 8px;font-size:9px}.cf-quantity-row p{font-size:9px}.cf-editor-footer{grid-template-columns:1fr;padding:17px}.cf-total{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cf-total>strong{margin:0;font-size:27px}.cf-total>div{flex-direction:column;align-items:flex-start;gap:3px}.cf-tax{border:0;padding:0}.cf-editor-footer .cf-primary{font-size:12px}.cf-colors{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-colors:has(>:nth-child(4)){grid-template-columns:repeat(3,minmax(0,1fr))}.cf-bottom-note{gap:7px;margin-top:22px;font-size:9px}.cf-bottom-note i{display:none}.cf-bottom-note svg{width:12px}.cf-dialog{padding:25px 20px}.cf-dialog h2{font-size:25px}.cf-contact-fields{grid-template-columns:1fr;gap:0}.cf-dialog-product{gap:8px;padding:10px}.cf-dialog-product>strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.cf-app *,.cf-dialog *{scroll-behavior:auto;transition:none;animation:none}}.product-studio:fullscreen{background:#e7eae7;width:100vw;height:100dvh}.studio-fullscreen-error{text-align:center;color:#806137;background:#fff8e8;border-radius:8px;padding:8px;font-size:11px;position:absolute;top:100px;left:20px;right:20px}@media (max-width:360px){.studio-toolbar{gap:4px;left:7px;right:7px}.studio-toolbar button{gap:4px;padding:9px 8px;font-size:9px}.studio-toolbar button svg{width:12px;height:12px}}.studio-opening{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffde;border:1px solid #ffffffc0;border-radius:10px;width:min(240px,75%);padding:10px 13px;position:absolute;bottom:115px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #244f3810}.studio-opening>div{color:#426c5c;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:10px;display:flex}.studio-opening output{font-variant-numeric:tabular-nums;font-weight:600}.studio-opening input{accent-color:#2d6e59;cursor:pointer;width:100%;height:4px;margin:5px 0;display:block}.studio-opening:has(input:disabled){opacity:.6}@media (max-width:480px){.cf-preview{height:460px}.studio-opening{padding:8px 11px;bottom:114px}}