.pet-viewer{height:620px;position:relative;border:1px solid #ffffff50;border-radius:32px;overflow:hidden;background:#303641;box-shadow:0 20px 45px #0003}.pet-host{position:absolute;top:0;right:0;bottom:115px;left:0}.pet-host canvas{width:100%;height:100%;display:block;touch-action:none}.pet-fallback{position:absolute;top:0;right:0;bottom:115px;left:0;width:100%;height:calc(100% - 115px);object-fit:contain}.pet-view-label,.pet-dimensions{position:absolute;border:1px solid #ffffff35;background:#17191dd9;color:#f5f6f8;border-radius:24px;font-size:14px;padding:10px 15px;pointer-events:none}.pet-view-label{left:18px;top:18px}.pet-dimensions{left:18px;bottom:130px}.pet-reset{position:absolute;right:18px;top:18px;width:44px;height:44px;border-radius:50%;background:#17191dd9;color:#fff;border:1px solid #fff5;display:grid;place-items:center}.pet-camera{position:absolute;bottom:44px;left:12px;right:12px;display:flex;justify-content:center;gap:3px;flex-wrap:wrap}.pet-camera button{min-height:42px;padding:10px 11px;border-radius:24px;color:#f5f6f8;font-size:14px}.pet-camera button[aria-pressed=true]{background:#ffffff20}.pet-camera button:disabled{opacity:.4}.pet-view-note{position:absolute;bottom:8px;left:12px;right:12px;text-align:center;font-size:14px!important;margin:0;color:#c8d1dd}.pet-loading{position:absolute;inset:100px 15px auto;text-align:center;background:#17191de0;border-radius:20px;padding:20px;color:#fff}.pet-designer .key-quote{display:flex;flex-direction:column;gap:16px}.pet-designer input[type=text],.pet-designer textarea,.pet-designer select{width:100%;border:1px solid #fff4;background:#17191d88;color:#f5f6f8;border-radius:15px;padding:13px 15px;min-height:46px;font:500 16px Manrope,sans-serif}.pet-designer textarea{min-height:90px;resize:vertical}.pet-designer .key-quote a,.pet-designer .key-quote button{justify-content:center;text-align:center;min-height:48px}.pet-designer .key-control-content label{display:flex;flex-direction:column;gap:12px}.pet-designer .key-base-colors{margin:18px 0 25px}.pet-designer .key-validation p{font-size:14px!important;line-height:1.6!important}@media(max-width:780px){.pet-viewer{height:520px}.pet-host{bottom:145px}.pet-fallback{height:calc(100% - 145px)}.pet-dimensions{bottom:155px;font-size:13px}.pet-camera{bottom:48px}.pet-camera button{padding:8px;font-size:13px}.pet-view-note{font-size:13px!important}.pet-view-label{font-size:13px}.pet-designer .key-title h1{font-size:36px}}.pet-text-size{border-top:1px solid #ffffff30;margin-top:20px;padding-top:20px}.pet-text-size output{color:#fc0;font-weight:700;font-size:18px}.pet-text-size input[type=range]{width:100%;accent-color:#ffcc00;min-height:44px}.pet-size-limits{display:flex;justify-content:space-between;gap:15px;font-size:14px;color:#c8d1dd}:root{font-family:Manrope,Arial,sans-serif;color:#20211e;background:#fafaf7;font-synthesis:none;font-size:14px;--yellow: #ffcc00;--muted: #7c7d75;--line: #e4e5de}*{box-sizing:border-box}body{margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #957800;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){filter:brightness(.96)}.header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line)}.wordmark{font-family:Outfit,sans-serif;font-size:42px;font-weight:700;letter-spacing:-3px;position:relative;padding:0}.wordmark>span:first-child{color:#c5a100}.brand-dot{font:11px Manrope,sans-serif;letter-spacing:0;position:absolute;top:9px;right:-16px}.header-mid{font-size:10px;letter-spacing:1.6px;font-weight:600;display:flex;gap:10px;align-items:center}.live-dot{width:6px;height:6px;display:inline-block;background:#6e8260;border-radius:50%;flex-shrink:0}.header-contact{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:600;border-bottom:1px solid #333;padding-bottom:5px}main{max-width:1500px;margin:auto;padding:0 5.5%}.breadcrumb{display:flex;align-items:center;gap:12px;color:#82847b;font-size:11px;padding:24px 0}.breadcrumb button{padding:0;color:#35372f}.breadcrumb-right{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.3px}.catalog-intro{display:flex;align-items:center;justify-content:space-between;padding:26px 0 46px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.eyebrow>span{background:var(--yellow);width:7px;height:7px}.catalog-intro h1,.design-title h1{font-family:Outfit,sans-serif;font-size:clamp(44px,4.6vw,68px);font-weight:500;line-height:1.06;letter-spacing:-3.5px;margin:18px 0}.catalog-intro em,.design-title em,.modal em{font-style:normal;position:relative;z-index:0;white-space:nowrap}.catalog-intro em:after,.design-title em:after,.modal em:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:12px;background:var(--yellow);z-index:-1}.catalog-intro p{font-size:14px;color:#76786e;max-width:400px;line-height:1.8;margin:18px 0 0}.intro-aside{padding:14px 0 0 20px;width:280px}.round-icon{width:56px;height:56px;border:1px solid #d3d5c9;border-radius:50%;display:grid;place-items:center;transform:rotate(-15deg)}.intro-aside p{color:#45483e;font-size:18px;line-height:1.5}.intro-aside>span{font-size:8px;letter-spacing:1.4px;color:#919485;display:block;margin-top:18px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;align-items:start}.visual-panel{position:sticky;top:22px;height:620px;background:#f0f0ec;border:1px solid #e4e5de;border-radius:9px;overflow:hidden}.viewer-host{position:absolute;top:0;right:0;bottom:57px;left:0;z-index:0}.viewer-host canvas{display:block;width:100%;height:100%;touch-action:none}.visual-top{position:absolute;top:20px;left:22px;right:20px;display:flex;align-items:center;justify-content:space-between;z-index:1;pointer-events:none}.visual-top button{pointer-events:all}.pill{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fafbf5df;border-radius:4px;font-size:8px;letter-spacing:1.1px;font-weight:600}.icon-button{display:grid;place-items:center;width:34px;height:34px;background:#fafbf5bd;border-radius:50%;border:1px solid #dfdfd7}.visual-dimension{position:absolute;left:23px;top:65px;font-size:10px;color:#7a7f72;z-index:1;pointer-events:none}.visual-dimension span{display:block;font-size:7px;letter-spacing:1.2px;margin-top:5px;color:#a0a496}.visual-bottom{position:absolute;bottom:76px;left:22px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:1;pointer-events:none}.visual-bottom>span{font-size:9px;color:#818679;display:flex;align-items:center;gap:7px;max-width:65%;line-height:1.5}.separator{margin:0 2px}.guide-toggle{pointer-events:all;display:flex;align-items:center;gap:7px;background:#fbfcf5d9;border:1px solid #d7dbce;padding:7px 9px;border-radius:4px;font-size:9px}.guide-toggle.on{background:var(--yellow);border-color:#d4ac00}.view-bar{position:absolute;left:0;right:0;bottom:0;height:57px;display:flex;align-items:center;justify-content:center;gap:2px;border-top:1px solid #dde0d6;background:#f8f9f4;z-index:1;padding:8px}.view-bar button{padding:10px 9px;font-size:10px;border-radius:4px;display:flex;align-items:center;gap:5px;white-space:nowrap}.view-bar button.selected{background:#252821;color:#fff}.catalog-card{padding:27px 0 0}.tag{font-size:8px;letter-spacing:1px;font-weight:600;background:#eeefe7;padding:7px 9px;border-radius:3px}.product-no{margin-top:30px;color:#9a9e90;font-size:8px;letter-spacing:1.5px}.catalog-card h2{font:500 35px/1.17 Outfit,sans-serif;letter-spacing:-1.3px;margin:14px 0}.catalog-card>p{font-size:12px;line-height:1.8;color:#7f8376;max-width:290px}.catalog-facts{display:flex;flex-direction:column;gap:25px;margin:30px 0 34px}.catalog-facts>div{display:flex;align-items:center;gap:16px;font-size:12px}.catalog-facts svg{color:#73796a}.catalog-facts small{color:#95998c;font-size:10px;display:block;margin-top:4px}.mini-swatches{display:grid;grid-template-columns:7px 7px;gap:3px;width:19px}.mini-swatches i{width:7px;height:7px;border-radius:50%}.primary{background:var(--yellow);font-weight:600;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:4px;font-size:12px;width:100%;min-height:49px}.microcopy{font-size:9px;color:#929789;text-align:center;display:block;margin:12px 0}.how{display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1.15fr;gap:36px;border-top:1px solid var(--line);padding:35px 0 45px;margin-top:54px}.how-label{font:400 18px/1.4 Outfit;letter-spacing:-.5px;padding-top:3px}.how-label b{font-weight:500}.how>div:not(:first-child){border-left:1px solid var(--line);padding-left:25px}.how span{font:11px Outfit;color:#92998a}.how h3{font-size:12px;font-weight:600;margin:9px 0 7px}.how p{font-size:10px;color:#919788;line-height:1.7;margin:0;max-width:185px}footer{border-top:1px solid var(--line);padding:25px 5.5%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#989c8e}footer>div{display:flex;align-items:center;gap:25px}.footer-brand{font:700 23px Outfit;color:#3c4235;letter-spacing:-1.5px}.footer-cross{font-size:27px;color:#555e49;margin-left:15px;vertical-align:middle}.design-title{position:relative;padding:12px 0 32px}.design-title h1{font-size:45px;margin:10px 0 12px}.design-title p{font-size:12px;color:#929789}.back{font-size:10px;display:flex;gap:7px;align-items:center;color:#6f7566;padding:0;margin-bottom:20px}.product-heading{padding:6px 0 22px}.product-heading .eyebrow{color:#929789;font-size:8px}.product-heading h2{font:500 25px/1.2 Outfit;letter-spacing:-.7px;margin:10px 0}.product-heading p{font-size:11px;color:#989d8d}.control-section{border-top:1px solid var(--line);padding:22px 0}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:18px}.step{font:10px Outfit;color:#959d87;background:#eeefe7;padding:4px 5px;border-radius:3px}.section-heading h3{font-size:13px;font-weight:600;margin:0}.selected-color{margin-left:auto;font-size:10px;color:#818a73}.swatches{display:flex;justify-content:space-between;gap:9px;margin-bottom:17px;padding:3px}.swatches button{width:29px;height:29px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 1px #00000010;position:relative}.swatches button.active:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid #686e5b;border-radius:50%}.custom-color{display:flex;justify-content:space-between;font-size:10px;color:#919788;align-items:center}.custom-color label{display:flex;align-items:center;gap:9px;cursor:pointer;color:#69715e}.custom-color input{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}.hint{font-size:9px;line-height:1.6;color:#9ca28f;margin:12px 0 0}.small-label{font-size:8px;letter-spacing:1px;color:#9ca28f;margin-left:auto}.zone-detail{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#929b83;margin-bottom:12px}.upload{border:1px dashed #c8cebc;border-radius:5px;min-height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#f5f6ef;cursor:pointer;text-align:center;padding:15px;overflow:hidden}.upload input{display:none}.upload-icon{width:39px;height:39px;border-radius:50%;background:#e9ecdf;display:grid;place-items:center;color:#5b6848}.upload strong{font-size:12px;font-weight:600}.upload>span{font-size:10px;color:#909a80;max-width:100%;overflow-wrap:anywhere}.upload img{height:55px;max-width:180px;object-fit:contain;background:repeating-conic-gradient(#e2e2dd,#e2e2dd 25%,#fff 0%,#fff 50%) 50%/12px 12px}.recommendation{font-size:9px;color:#909982;line-height:1.7;margin:11px 0 0}.recommendation b{font-weight:500;color:#6a7758}.control-footer{border-top:1px solid var(--line);padding-top:20px}.reset-link{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#7d896c;width:100%;padding:16px 0}.control-footer>p{display:flex;justify-content:center;gap:6px;align-items:center;font-size:9px;color:#99a08e}.logo-controls{margin-top:22px}.logo-controls>label{display:block;font-size:10px;color:#6c765f;margin:15px 0}.logo-controls>label span{float:right;color:#9ca58f;font-variant-numeric:tabular-nums}.logo-controls input{display:block;width:100%;margin:12px 0;accent-color:#e4b700;height:3px;cursor:pointer}.logo-actions{display:flex;justify-content:space-between}.logo-actions button{display:flex;align-items:center;gap:5px;font-size:10px;color:#849174}.warning{font-size:11px;line-height:1.6;border-radius:4px;background:#fff3cf;color:#7d5a13;padding:10px 12px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:10;background:#222c1c;color:#fff;box-shadow:0 5px 25px #0003;padding:16px 20px;display:flex;gap:20px;border-radius:6px;max-width:90%}.toast button{color:inherit}.viewer-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#f0f0ec;z-index:1;font-size:12px;padding:30px;text-align:center}.spinner{display:inline-block;width:17px;height:17px;border:2px solid #d6dacb;border-top-color:#7b850b;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#171d12a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;display:flex;justify-content:center;align-items:flex-start;padding:30px 16px;overflow-y:auto}.modal{position:relative;max-width:760px;width:100%;padding:38px;background:#fafaf7;border-radius:10px;box-shadow:0 20px 100px #0003}.modal-close{position:absolute;right:18px;top:18px}.modal .eyebrow{font-size:8px;color:#919a82;padding-right:25px}.modal h2{font:500 40px/1.1 Outfit;letter-spacing:-1.7px;margin:20px 0}.modal>p{color:#8f9a7e;font-size:12px}.captures{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0}.captures img{width:100%;border:1px solid #e3e6da;border-radius:4px}.captures button{display:flex;align-items:center;justify-content:space-between;gap:3px;width:100%;font-size:9px;padding:7px 0;color:#72825d}.review-facts{display:flex;gap:16px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;color:#7e8b6b;flex-wrap:wrap;margin-bottom:20px}.review-facts i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;border:1px solid #ccc}.form-row{display:grid;grid-template-columns:1fr 120px;gap:16px}.form-row label,.notes{font-size:11px;color:#697956;display:block}.form-row input,.notes textarea{display:block;width:100%;margin-top:8px;border:1px solid #dbe0d0;background:#fff;padding:12px;border-radius:4px;color:#334225}.notes{margin-top:18px}.notes span{font-size:10px;color:#9ba68c}.notes textarea{resize:vertical;min-height:70px}.send-note{display:flex;align-items:center;gap:13px;background:#edf0e4;padding:12px 16px;border-radius:5px;margin:20px 0;color:#6f8156}.send-note svg{flex-shrink:0}.send-note p{font-size:10px;line-height:1.7;margin:0}.send-note b{color:#4b6231}.whatsapp-button{display:flex;align-items:center;gap:9px;justify-content:center;width:100%;border:1px solid #cad3bb;background:#f1f4e9;border-radius:4px;padding:15px;margin-top:10px;font-size:12px;font-weight:600;color:#426027}.busy{display:flex;align-items:center;gap:8px;font-size:12px;padding:15px;background:#eff1e7;border-radius:4px;margin:16px 0}@media(min-width:1500px){.header,footer{padding-left:max(5.5%,calc((100% - 1335px)/2));padding-right:max(5.5%,calc((100% - 1335px)/2))}.visual-panel{height:670px}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.visual-panel{height:570px}.view-bar{gap:0}.view-bar button{font-size:9px;padding:9px 6px}.visual-bottom>span{font-size:8px}.visual-bottom .separator{display:none}.visual-bottom>span{max-width:55%}.catalog-card h2{font-size:30px}.swatches{gap:7px}.swatches button{width:26px;height:26px}}@media(max-width:780px){.header{height:76px;padding:0 6%}.wordmark{font-size:35px}.header-mid{display:none}main{padding:0 5%}.breadcrumb{padding:20px 0}.breadcrumb-right{display:none}.catalog-intro{padding:16px 0 30px}.catalog-intro h1{font-size:48px;letter-spacing:-2.8px}.catalog-intro p{font-size:12px;max-width:330px}.intro-aside{display:none}.workspace{display:flex;flex-direction:column;gap:0}.visual-panel{position:relative;top:0;width:100%;height:480px}.catalog-card{width:100%;padding-top:30px}.catalog-card>p{max-width:100%;font-size:13px}.catalog-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px}.catalog-facts>div{gap:12px}.catalog-facts>div:last-child{grid-column:1/-1}.catalog-card h2 br{display:none}.catalog-card h2{font-size:30px}.product-no{margin-top:22px}.how{grid-template-columns:1fr;gap:22px;padding:30px 0;margin-top:38px}.how-label br{display:none}.how>div:not(:first-child){display:grid;grid-template-columns:22px 1fr;border:0;padding-left:0;gap:0 12px}.how h3{margin:0;font-size:12px}.how p{grid-column:2;max-width:100%;font-size:11px;margin-top:4px}.how span{margin-top:1px}.control-panel{width:100%;padding-top:27px}.product-heading{padding-bottom:10px}.swatches{justify-content:flex-start;gap:16px;padding:5px}.swatches button{height:32px;width:32px}.control-section{padding:23px 0}.hint,.recommendation{font-size:11px}.section-heading h3{font-size:15px}.selected-color,.zone-detail,.custom-color{font-size:12px}.upload{min-height:160px}.upload>span{font-size:11px}.control-footer{padding-top:23px}.control-footer>p{font-size:10px}.visual-top{left:15px;top:15px;right:15px}.visual-dimension{left:15px;top:58px}.visual-bottom{left:14px;right:14px;bottom:72px}.visual-bottom>span{max-width:52%;font-size:8px}.view-bar button{font-size:9px;padding:9px 7px}.design-title{padding:6px 0 22px}.design-title h1{font-size:38px}.modal{padding:30px 20px}.modal h2{font-size:34px}.captures{grid-template-columns:repeat(3,1fr)}footer{padding:20px 5%;gap:20px}footer>div{gap:10px}footer>div>span:last-child{display:none}footer>span{font-size:9px}.footer-cross{font-size:20px}.logo-controls>label{font-size:12px}.logo-controls input{margin:18px 0}.logo-actions button{font-size:12px;padding:9px 0}}@media(max-width:390px){.swatches{gap:12px}.swatches button{height:29px;width:29px}.view-bar button{font-size:8px;padding:9px 5px}.visual-panel{height:430px}.view-bar button svg{display:none}.visual-bottom>span svg{display:none}.catalog-facts{grid-template-columns:1fr}.form-row{grid-template-columns:1fr 85px;gap:10px}}.product-picker{display:flex;gap:12px;margin:0 0 24px;flex-wrap:wrap}.product-picker button{min-width:240px;display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid var(--line);border-radius:6px;background:#f5f6ef;text-align:left}.product-picker button.active{border-color:#b5a033;background:#fff9dc}.product-picker button>span{flex:1;font-size:12px;font-weight:600}.product-picker small{display:block;font-size:9px;color:#8a917c;font-weight:400;margin-top:4px}.part-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.part-picker button{display:flex;gap:8px;align-items:center;padding:10px 8px;border:1px solid #dde1d4;border-radius:4px;text-align:left;font-size:10px;min-height:42px}.part-picker button.active{border-color:#b49e30;background:#fff9dd}.part-picker i{display:inline-block;width:15px;height:15px;border:1px solid #0002;border-radius:50%;flex-shrink:0}.part-picker svg{margin-left:auto}.rear-toggle{display:flex;align-items:flex-start;gap:12px;background:#eff1e7;padding:15px 13px;border:1px solid #dfe4d1;border-radius:5px;cursor:pointer;margin:10px 0 18px}.rear-toggle input{margin:3px 0 0;accent-color:#d6ad00;width:17px;height:17px;flex-shrink:0}.rear-toggle strong{display:block;font-size:12px;font-weight:600;line-height:1.5}.rear-toggle small{display:block;font-size:10px;color:#899879;line-height:1.7;margin-top:5px}.review-colors{display:flex;flex-direction:column;gap:7px}.breadcrumb select{border:1px solid #d8ddce;background:#f7f8f1;padding:5px 9px;border-radius:4px;color:#6b775b;font-size:11px;max-width:200px}.swatches{margin-top:20px}@media(max-width:780px){.product-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-picker button{min-width:0;padding:12px 10px;gap:8px}.product-picker button>span{font-size:11px}.product-picker button>svg:last-child{display:none}.product-picker small{font-size:8px;line-height:1.6}.part-picker button{font-size:12px}.rear-toggle strong{font-size:13px}.rear-toggle small{font-size:11px}.breadcrumb select{max-width:130px;font-size:10px}.zone-detail{flex-wrap:wrap}}.logo-studio{border-top:1px solid #e3e6d9;margin-top:20px;padding-top:18px}.studio-heading{font-size:11px;font-weight:600;margin:4px 0 12px}.studio-heading>span{float:right;font-size:10px;color:#8b947d}.segmented{display:flex;background:#eceee4;padding:3px;border-radius:5px;gap:3px;margin:12px 0}.segmented button{flex:1;font-size:10px;padding:10px 6px;border-radius:3px;line-height:1.5}.segmented button.active{background:#fff8da;box-shadow:0 1px 3px #0001;color:#4b4219;font-weight:600}.shape-choice{border:0;padding:0;margin:18px 0;display:flex;gap:6px;justify-content:space-between}.shape-choice legend{font-size:10px;color:#7e896e;margin-bottom:10px}.shape-choice button{border:1px solid #dbe0cf;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 5px;font-size:9px;border-radius:4px;min-height:70px}.shape-choice button.active{background:#fff8d9;border-color:#b5a44d}.shape-symbol{display:block;width:23px;height:18px;background:#bec4af;border-radius:4px}.shape-symbol.circle{width:20px;height:20px;border-radius:50%}.shape-symbol.silhouette{clip-path:polygon(0 15%,40% 15%,50% 0,70% 20%,100% 20%,100% 85%,60% 85%,50% 100%,20% 80%,0 80%)}.physical-slider{display:block;font-size:10px;color:#738163}.physical-slider b{float:right;font-weight:600;color:#5d684e}.physical-slider input{display:block;width:100%;accent-color:#dcb100;margin:15px 0;height:3px}.check-line{display:flex;align-items:center;gap:8px;font-size:10px;color:#707e5f;margin:16px 0}.check-line input{accent-color:#d6ad00;width:15px;height:15px}.base-color{display:flex;align-items:center;gap:10px;font-size:10px;margin:14px 0}.base-color input{height:28px;width:32px;border:0;padding:0;background:none;cursor:pointer}.base-color span{font-size:9px;color:#929c82}.detected-palette{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.detected-palette>span{display:flex;gap:4px;align-items:center;font-size:8px;color:#8e9880;max-width:100%}.detected-palette i{width:15px;height:15px;border-radius:3px;border:1px solid #0002;display:inline-block}.outline-button{display:flex;align-items:center;gap:7px;border:1px solid #cdd5be;background:#f5f7ed;border-radius:4px;padding:10px 12px;font-size:10px;color:#5f7149;justify-content:center}.text-button{display:flex;align-items:center;gap:5px;font-size:9px;color:#859570}.simplify-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.accepted-note{display:flex;align-items:center;gap:5px;font-size:9px;color:#74904e}.color-comparison{padding:14px;border:1px solid #dce3cc;background:#f1f5e7;border-radius:5px;margin:16px 0}.comparison-title{display:flex;align-items:center;justify-content:space-between;font-size:11px}.comparison-images{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.comparison-images figure{margin:0;min-width:0}.comparison-images img{display:block;width:100%;height:110px;object-fit:contain;border:1px solid #e0e5d5;border-radius:3px;background:repeating-conic-gradient(#e4e6df 0,#e4e6df 25%,#fff 0,#fff 50%) 50%/14px 14px}.comparison-images figcaption{font-size:9px;color:#879575;margin:8px 0}.color-comparison p{font-size:9px;line-height:1.7;color:#879474}.comparison-actions{display:flex;gap:8px}.comparison-actions button{flex:1;min-height:38px;font-size:10px;padding:9px;justify-content:center}@media(max-width:780px){.studio-heading{font-size:13px}.segmented button,.shape-choice button,.physical-slider,.check-line,.base-color{font-size:12px}.shape-choice button{min-height:78px}.physical-slider input{margin:19px 0}.outline-button{font-size:12px;padding:12px}.detected-palette>span{font-size:10px}.comparison-images img{height:150px}.color-comparison p{font-size:11px}.comparison-images figcaption{font-size:10px}.text-button{font-size:11px}}.plate-preview{margin:15px 0;text-align:center;border:1px solid #e0e5d5;border-radius:4px;overflow:hidden}.plate-preview canvas{display:block;width:100%;height:auto;background:repeating-conic-gradient(#e4e6df 0,#e4e6df 25%,#fafbf7 0,#fafbf7 50%) 50%/16px 16px}.plate-preview>span{display:block;padding:8px;font-size:8px;letter-spacing:.5px;color:#8c967e;background:#f3f5eb}.plate-preview>.warning{text-align:left;margin:10px}.background-choice{border:0;padding:0;margin:20px 0 12px;display:flex;flex-wrap:wrap;gap:7px}.background-choice legend{font-size:11px;font-weight:600;margin-bottom:10px}.background-choice button{display:flex;align-items:center;gap:6px;border:1px solid #d8dfcb;border-radius:4px;padding:9px;font-size:9px;background:#f7f8f1}.background-choice button.active{border-color:#a48f24;background:#fff5c4}.background-choice i{width:17px;height:17px;display:inline-block;border:1px solid #0002;border-radius:3px}:root{font-family:var(--font-body);color:var(--brand-graphite);background:var(--brand-ice)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-synthesis:none}.catalog-intro h1,.design-title h1{font-weight:800;text-transform:uppercase;letter-spacing:-.04em}.catalog-card h2,.product-heading h2,.modal h2,h2,h3{font-weight:700}h4,h5,h6,.eyebrow,.how-label{font-family:var(--font-heading);font-weight:600}.header-mid,.breadcrumb,.view-bar,.header-contact,.custom-color,.zone-detail,label,input,textarea,select{font-family:var(--font-body);font-weight:500}button,.primary,.whatsapp-button{font-family:var(--font-body);font-weight:600}p,.hint,.recommendation,.microcopy{font-family:var(--font-body);font-weight:400}:root{--muted:#566477;--line:#71809630;background:#aeb5c0;color:#17191d}html{scroll-behavior:smooth;scroll-padding-top:125px}body{background:linear-gradient(145deg,#e2e5eb,#c0c7d2 45%,#d7dce4 74%,#bcc4d0);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 95% 10%,#ffcc000d,transparent 40%);z-index:-1}.studio-header{position:sticky;z-index:20;top:18px;max-width:1300px;height:auto;min-height:75px;margin:25px auto 0;padding:12px 22px;gap:25px;background:#f5f6f854;border:1px solid #ffffffb0;border-radius:28px;box-shadow:0 9px 30px #222c3c12,inset 0 1px #fff9;backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25)}.wordmark{display:flex;align-items:center;width:110px;line-height:1;background:transparent;padding:0;flex-shrink:0}.wordmark img{display:block;width:100%;height:auto;object-fit:contain;background:transparent}.studio-nav{display:flex;gap:8px;margin:auto;font-size:12px;font-weight:500}.studio-nav a{padding:13px 15px;border-radius:28px}.studio-nav a:hover{background:#ffffff70}.header-contact{display:flex;align-items:center;gap:15px;background:#fc0;border-radius:28px;padding:14px 18px;font-size:11px;min-height:45px;border:1px solid #ffdc53;color:#17191d}.header-contact:hover{background:#efc000}main{max-width:1280px;margin:0 auto;padding:0 24px}.breadcrumb{padding:28px 0 16px;color:#526074;gap:10px}.breadcrumb button{color:#3d4d62;min-height:35px}.breadcrumb-right{color:#526074}.breadcrumb select{background:#f5f6f86b;border:1px solid #ffffffb0;border-radius:16px;padding:9px 12px;color:#17191d;min-height:40px}.catalog-intro{padding:24px 0 33px}.catalog-intro h1{font-size:clamp(40px,4.5vw,62px);font-weight:800;text-transform:none;line-height:1.04;letter-spacing:-1.8px;margin:18px 0 22px}.catalog-intro h1 em:after{height:7px;border-radius:3px;bottom:2px}.catalog-intro p{font-size:14px;color:#48576a;max-width:560px}.eyebrow{color:#526074;font-size:9px;letter-spacing:1px}.category-shortcuts{display:flex;gap:10px;flex-wrap:wrap;padding:0 0 15px}.category-shortcuts a{font-size:11px;font-weight:500;padding:12px 18px;min-height:42px;display:flex;align-items:center;border-radius:25px;border:1px solid #ffffffa0;background:#f5f6f84d}.category-shortcuts a:hover{background:#f5f6f899}.catalog-category{padding-top:33px;padding-bottom:18px;scroll-margin-top:10px}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px}.category-heading>div:first-child{max-width:700px}.category-heading h2{font-family:var(--font-heading);font-size:30px;font-weight:700;letter-spacing:-.7px;margin:0;line-height:1.1}.category-heading p{font-size:12px;color:#48576a;margin:11px 0 0;line-height:1.7}.carousel-arrows{display:flex;gap:8px;flex-shrink:0}.carousel-arrows button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffffa0;background:#f5f6f84d;border-radius:50%}.carousel-arrows button:disabled{cursor:default;opacity:.35}.carousel-arrows button:not(:disabled):hover{background:#fc0}.category-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/2.6);gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8c98aa transparent;padding:2px 2px 15px}.catalog-tile{scroll-snap-align:start;border:1px solid #ffffffa0;border-radius:27px;background:#f5f6f84d;box-shadow:inset 0 1px #ffffff9c;overflow:hidden;min-width:0;display:flex;flex-direction:column;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.catalog-product-button{display:flex;flex-direction:column;padding:0;text-align:left;width:100%;height:100%;border-radius:27px;transition:background .25s}.catalog-product-button:hover{background:#f5f6f84d;filter:none!important}.catalog-product-button:focus-visible{outline-offset:-4px;outline:3px solid #745d00}.product-illustration{position:relative;display:grid;place-items:center;min-height:180px;padding:45px 30px 28px;color:#37485e;background:linear-gradient(140deg,#f5f6f82b,#b7bbc51a);width:100%}.available .product-illustration>svg{color:#27374d}.availability{position:absolute;left:20px;top:19px;background:#f5f6f86b;border:1px solid #ffffff80;border-radius:20px;padding:6px 10px;font-size:9px;color:#4b5b70}.available .availability{background:#fc0;border-color:#ffdc53;color:#17191d}.tile-details{display:flex;flex-direction:column;padding:22px;flex:1;width:100%}.tile-details h3{font:700 26px/1.1 var(--font-heading);letter-spacing:-.5px;margin:0}.tile-details p{font-size:11px;color:#48576a;line-height:1.8;margin:12px 0 22px;min-height:40px}.tile-action{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;font-weight:600;margin-top:auto}.upcoming-note{font-size:10px;line-height:1.6;color:#68768a;border-top:1px solid var(--line);padding-top:18px;min-height:42px;margin-top:auto}.upcoming .product-illustration>svg{color:#738198}.catalog-note{font-size:10px;color:#526074;line-height:1.8;margin:20px 0 0}.design-title{padding:15px 0 25px}.design-title h1{font-size:38px;font-weight:800;text-transform:none;letter-spacing:-1px;margin:15px 0 10px}.design-title p{font-size:13px;color:#48576a}.back{color:#48576a;border-radius:25px;min-height:40px}.product-picker{margin:0 0 25px;gap:14px}.product-picker button{background:#f5f6f840;border:1px solid #ffffffa0;border-radius:20px;padding:15px 19px}.product-picker button.active{background:#f5f6f8a6;border-color:#fff}.product-picker button>span{color:#17191d}.product-picker small{color:#526074}.workspace{gap:24px;grid-template-columns:minmax(0,1fr) 395px}.visual-panel{top:112px;border-radius:29px;background:#d6dce5;border:1px solid #ffffffa0;box-shadow:0 12px 30px #2635480d;height:640px}.control-panel{background:#f5f6f850;border:1px solid #ffffffa0;box-shadow:inset 0 1px #fff9;border-radius:28px;padding:26px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.product-heading{padding-bottom:22px}.product-heading h2{font-size:27px;letter-spacing:-.6px}.product-heading p{font-size:12px;line-height:1.8;color:#48576a}.control-section{border-color:var(--line);padding:22px 0}.section-heading h3{font-size:14px}.section-heading .step{border-radius:50%;background:#f5f6f885;color:#526074}.hint,.small-label,.microcopy,.custom-color,.custom-color label,.selected-color,.zone-detail,.control-footer>p{color:#526074}.hint{font-size:10px;line-height:1.8}.small-label{font-size:9px}.primary{border-radius:28px;border:1px solid #ffdc53;background:#fc0;font-size:12px;min-height:49px;padding:15px 20px}.primary:disabled{cursor:default}.icon-button{border-radius:50%;background:#f5f6f86b;border:1px solid #ffffffa0}.pill,.guide-toggle{border-radius:25px;background:#f5f6f8ba;border:1px solid #ffffffa0;color:#43536a}.view-bar{background:#f5f6f8c0;border-top:1px solid #ffffffa0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.view-bar button{border-radius:20px;font-size:10px}.view-bar button.selected{background:#17191d;color:#f5f6f8}.visual-dimension{color:#48576a}.visual-bottom{color:#43536a}.part-picker button,.zone-detail,.rear-toggle,.upload-zone,.logo-preview,.logo-studio,.color-comparison,.plate-preview{border-radius:20px;border-color:#ffffffa0;background-color:#f5f6f840}.part-picker button{border-radius:15px}.part-picker button.active,.segmented button.active,.shape-choice button.active{background:#f5f6f8c4;border-color:#8793a4}.segmented{border-radius:20px;background:#b7bbc545}.segmented button{border-radius:20px}.shape-choice button,.outline-button{border-radius:15px}.check-line,.physical-slider,.base-color{color:#43536a}.logo-preview img,.comparison-images img{background-color:transparent}.background-choice button{border-radius:20px}.control-footer{border-color:var(--line)}.control-footer .reset-link{min-height:40px}.how{gap:24px;margin-top:45px;border-color:var(--line)}.how-label{font-weight:600;color:#394c64}.how>div:not(:first-child){border-color:var(--line)}.how p{font-size:11px;color:#526074}.how span{color:#526074}footer{max-width:1280px;margin:auto;padding:26px 24px;border-color:var(--line);color:#526074}.footer-brand{width:95px;display:block;background:transparent}.footer-brand img{width:100%;height:auto;display:block;background:transparent}.modal-backdrop{background:#17191d80;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.modal{background:linear-gradient(140deg,#f5f6f8ee,#dbe1ebf5);border:1px solid #ffffffb0;border-radius:30px;box-shadow:0 25px 80px #17191d40}.modal h2{font-size:34px;letter-spacing:-.7px}.modal em:after{height:6px;border-radius:3px}.modal input,.modal textarea{background:#f5f6f860;border:1px solid #ffffffb0;border-radius:15px;color:#17191d}.whatsapp-button{border-radius:26px}.viewer-status{border-radius:20px;background:#f5f6f8e6;color:#43536a}.swatches{flex-wrap:wrap;justify-content:flex-start;gap:12px}.swatches button{width:31px;height:31px}.rear-toggle{padding:15px}.rear-toggle strong{color:#17191d}.rear-toggle small{color:#526074}@media(max-width:1360px){.studio-header{margin-left:4%;margin-right:4%}}@media(max-width:1050px){.studio-nav{font-size:11px;gap:0}.studio-nav a{padding:12px}.workspace{grid-template-columns:minmax(0,1fr) 350px;gap:18px}.control-panel{padding:22px}.visual-panel{height:600px}.category-heading h2{font-size:27px}.category-heading>div:first-child{max-width:550px}}@media(max-width:780px){html{scroll-padding-top:160px}.studio-header{top:10px;margin:16px 4% 0;display:grid;grid-template-columns:1fr 1fr;padding:11px 16px 8px;gap:8px;border-radius:24px;min-height:0}.wordmark{width:90px;min-height:40px}.header-contact{grid-column:2;grid-row:1;justify-self:end;min-height:40px;font-size:10px;padding:11px 14px;gap:10px}.studio-nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1.2fr .8fr;width:100%;border-top:1px solid #7a879b25;padding-top:5px;text-align:center;font-size:10px;margin:0}.studio-nav a{padding:12px 3px;min-height:40px}main{padding:0 6%}.breadcrumb{padding:20px 0 8px;font-size:10px}.breadcrumb-right{display:none}.breadcrumb select{margin-left:auto;font-size:10px;max-width:165px;padding:8px}.catalog-intro{padding:20px 0 25px}.catalog-intro h1{font-size:40px;letter-spacing:-1.2px;margin:17px 0 20px}.catalog-intro p{font-size:13px;max-width:350px}.eyebrow{font-size:8px}.category-shortcuts{gap:8px;padding-bottom:5px}.category-shortcuts a{font-size:10px;min-height:42px;padding:11px 14px}.catalog-category{padding:28px 0 10px}.category-heading{gap:14px;margin-bottom:18px;align-items:start}.category-heading>div:first-child{max-width:calc(100% - 80px)}.category-heading h2{font-size:24px;letter-spacing:-.5px}.category-heading p{font-size:11px;line-height:1.8;margin-top:10px}.carousel-arrows{gap:5px;padding-top:2px}.carousel-arrows button{width:34px;height:34px}.category-track{grid-auto-columns:82%;gap:13px;padding-bottom:14px;margin-right:-3px}.catalog-tile,.catalog-product-button{border-radius:24px}.product-illustration{min-height:170px;padding:45px 25px 23px}.tile-details{padding:21px}.tile-details h3{font-size:25px}.tile-details p{font-size:11px;min-height:40px}.availability{font-size:9px;left:18px;top:17px}.tile-action{font-size:12px}.upcoming-note,.catalog-note{font-size:10px}.design-title{padding:12px 0 20px}.design-title h1{font-size:32px;letter-spacing:-.8px}.design-title p{font-size:12px}.product-picker{margin-bottom:20px;gap:10px}.product-picker button{padding:13px;border-radius:17px;gap:10px}.product-picker button>span{font-size:11px}.product-picker small{font-size:9px}.workspace{grid-template-columns:1fr;gap:18px}.visual-panel{position:relative;top:0;height:490px;border-radius:25px}.control-panel{padding:24px 20px;border-radius:25px}.product-heading h2{font-size:26px}.product-heading p{font-size:12px}.view-bar button{font-size:9px;padding:10px 7px}.view-bar{gap:2px}.visual-top{left:15px;right:15px;top:17px}.visual-bottom{left:15px;right:15px;font-size:9px}.visual-dimension{left:18px;font-size:9px}.pill{font-size:8px}.guide-toggle{font-size:9px;min-height:38px}.how{grid-template-columns:1fr;gap:18px;margin-top:30px;padding:28px 0}.how>div:not(:first-child){border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.how p{font-size:11px;max-width:none}.how h3{font-size:13px}.how-label{font-size:18px}.how-label br{display:none}.how-label b{margin-left:5px}.swatches button{width:30px;height:30px}.swatches{gap:12px}.modal{border-radius:27px}.modal h2{font-size:29px}footer{padding:24px 6%;font-size:9px;gap:20px;align-items:start}.footer-brand{width:85px}footer>div{gap:16px}.footer-brand img{max-width:100%}.footer-brand+span{font-size:9px}.catalog-intro h1 em{white-space:normal}}@media(max-width:360px){.category-heading h2{font-size:21px}.category-heading>div:first-child{max-width:calc(100% - 75px)}.category-track{grid-auto-columns:88%}.studio-nav{font-size:9px}.catalog-intro h1{font-size:36px}.visual-panel{height:455px}.view-bar button{font-size:8px;padding:10px 5px}.breadcrumb select{max-width:150px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.lightbox-viewer{height:600px;position:relative;overflow:hidden;border:1px solid #f5f6f84d;border-radius:32px;background:#303641;box-shadow:0 18px 45px #0004}.lightbox-host{position:absolute;top:0;right:0;bottom:145px;left:0}.lightbox-host canvas{display:block;width:100%;height:100%;touch-action:none}.lightbox-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:calc(100% - 145px);object-fit:contain;pointer-events:none}.lightbox-view-top{position:absolute;inset:18px 20px auto;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}.lightbox-view-top span,.lightbox-size{font-size:10px;background:#151a21c9;color:#f5f6f8;border:1px solid #ffffff30;border-radius:22px;padding:10px 14px}.lightbox-view-top button{pointer-events:auto;display:grid;place-items:center;border-radius:50%;width:44px;height:44px;color:#f5f6f8;background:#ffffff0e}.lightbox-size{position:absolute;left:18px;bottom:155px}.lightbox-view-actions{position:absolute;left:14px;right:14px;bottom:100px;display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap}.lightbox-view-actions button{min-height:40px;padding:8px 10px;border-radius:24px;font-size:10px;color:#f5f6f8}.lightbox-view-actions button[aria-pressed=true]{background:#ffffff20}.lightbox-open{position:absolute;bottom:52px;left:50%;transform:translate(-50%);min-height:40px;white-space:nowrap;font-size:11px;padding:10px 20px;border-radius:22px;border:1px solid #ffffff40;background:#17191d99;color:#f5f6f8}.lightbox-open[aria-pressed=true]{border-color:#fc0;color:#fc0}.lightbox-view-note{position:absolute;bottom:8px;left:18px;right:18px;margin:0;font-size:9px!important;line-height:1.6;text-align:center;color:#c8d1dd}.lightbox-empty{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;border:1px solid #ffffff40;border-radius:32px;background:#ffffff07;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.lightbox-empty>span{font-size:11px;letter-spacing:2px;color:#fc0}.lightbox-empty h2{font:700 32px var(--font-heading);margin:20px 0 0}.lightbox-empty p{max-width:330px;font-size:13px}.lightbox-empty strong{font-size:12px;color:#c8d1dd}.lightbox-color-count{color:#fc0!important;font-weight:600}.lightbox-designer .key-quote h2{font-size:22px}.lightbox-designer .text-button{gap:8px;margin-top:12px}.lightbox-designer .key-logo-color>span{font-size:10px}.lightbox-designer .key-comparison{margin-bottom:22px}.lightbox-designer .key-quote p{font-size:12px}@media(max-width:780px){.lightbox-viewer{height:470px}.lightbox-view-actions button{padding:8px;font-size:9px}.lightbox-view-note{font-size:8px!important}.lightbox-empty{min-height:290px}.lightbox-empty h2{font-size:26px}.lightbox-designer .key-title h1{font-size:33px}}.lightbox-power{position:absolute;top:70px;right:18px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff60;background:#17191ddd;color:#f5f6f8;border-radius:28px;padding:12px 18px;min-height:44px;z-index:3;font:600 12px Manrope,sans-serif;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lightbox-power[aria-pressed=true]{background:#fc0;color:#17191d;border-color:#fc0;box-shadow:0 0 20px #ffcc0030}.lightbox-designer select{width:100%;min-height:44px}.lightbox-fallback{transition:filter .3s}.product-quote-direct{display:flex;justify-content:center;padding:25px 0 50px}.key-designer{padding:25px 0 35px}.key-title{padding:20px 0 30px}.key-title h1{font:800 46px/1.08 var(--font-heading);letter-spacing:-1.3px;margin:16px 0}.key-title>p{font-size:13px;color:#48576a;line-height:1.8}.key-workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}.key-preview-column{position:sticky;top:115px}.key-viewer{height:570px;position:relative;overflow:hidden;border:1px solid #ffffffa0;border-radius:29px;background:#d6dce5;box-shadow:0 12px 30px #2635480d}.key-three-host{position:absolute;top:0;right:0;bottom:90px;left:0}.key-three-host canvas{width:100%;height:100%;display:block;touch-action:none}.key-view-top{position:absolute;left:20px;right:20px;top:17px;z-index:3;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#43536a;pointer-events:none}.key-view-top>span{border:1px solid #fff9;background:#f5f6f88c;border-radius:25px;padding:10px 13px}.key-view-top button{pointer-events:auto;display:grid;place-items:center;background:#f5f6f89c;border:1px solid #fff9;border-radius:50%;width:40px;height:40px}.key-fallback{position:absolute;top:0;right:0;bottom:90px;left:0;width:100%;height:calc(100% - 90px);object-fit:contain}.key-measure{position:absolute;left:22px;bottom:112px;z-index:2;background:#f5f6f8be;border-radius:20px;padding:8px 12px;font-size:10px;color:#43536a}.key-view-controls{position:absolute;bottom:42px;left:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:5px;border-top:1px solid #fff8;padding-top:12px}.key-view-controls button{min-height:35px;border-radius:20px;font-size:10px;padding:9px 11px;display:flex;align-items:center;justify-content:center}.key-view-controls button[aria-pressed=true]{background:#17191d;color:#f5f6f8}.key-view-controls button:disabled{cursor:default}.key-view-note{position:absolute;bottom:7px;left:18px;right:18px;text-align:center;font-size:8px;line-height:1.5;margin:0;color:#526074}.key-validation{font-size:11px;line-height:1.8;padding:13px 4px}.key-validation p{margin:8px 0}.key-disclaimer{color:#526074;font-size:10px}.key-error{color:#793223;line-height:1.8}.key-ok{color:#295840}.key-controls{border:1px solid #fff9;border-radius:27px;background:#f5f6f850;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:8px 23px 23px}.key-controls details+details{border-top:1px solid #73809630}.key-controls summary{list-style:none;cursor:pointer;min-height:60px;display:flex;align-items:center;justify-content:space-between;font:600 16px var(--font-heading)}.key-controls summary:after{content:"+";font:400 20px var(--font-body)}.key-controls details[open]>summary:after{content:"−"}.key-controls summary::-webkit-details-marker{display:none}.key-control-content{padding:2px 0 24px}.key-control-content>label{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;margin-bottom:20px;color:#3d4d62}.key-control-content select{width:100%;border:1px solid #fff9;border-radius:16px;background:#f5f6f86b;min-height:44px;padding:12px;color:#17191d;font:500 12px var(--font-body)}.key-control-content input[type=range]{width:100%;accent-color:#b38e00;min-height:26px}.key-control-content input[type=color]{margin-left:auto;width:40px;height:32px;border:1px solid #fff9;padding:2px;border-radius:8px;background:#ffffff45}.key-control-content>p{font-size:11px;line-height:1.8;color:#48576a}.key-control-content>.key-error{color:#793223}.key-fixed{background:#f5f6f85c;border:1px solid #fff8;border-radius:15px;padding:11px;font-size:10px!important}.key-upload{position:relative;flex-direction:column;border:1px dashed #73809685;padding:25px 15px;border-radius:20px;cursor:pointer;text-align:center;overflow:hidden;background:#f5f6f840}.key-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.key-upload strong{font-size:12px;overflow-wrap:anywhere}.key-upload span{font-size:9px;color:#526074}.key-upload:focus-within{outline:3px solid #745d00;outline-offset:3px}.key-base-colors{display:flex;flex-wrap:wrap;gap:10px;margin:7px 0 18px}.key-base-colors button{width:28px;height:28px;border-radius:50%;border:1px solid #fff8}.key-base-colors button[aria-pressed=true]{outline:2px solid #43536a;outline-offset:3px}.key-color-count{font-weight:600}.key-control-content>.key-logo-color{font-size:11px;gap:8px;display:flex;margin:10px 0}.key-logo-color>span{font-size:9px;width:67px}.key-logo-color input{flex-shrink:0}.key-palette-actions{display:grid;gap:13px;margin-top:23px}.key-control-content .outline-button{font-size:10px;min-height:44px}.key-control-content .text-button{display:flex;align-items:center;gap:8px;min-height:35px}.key-segments{display:flex;background:#b7bbc545;border-radius:24px;padding:4px}.key-segments button{flex:1;min-height:40px;border-radius:20px;font-size:11px}.key-segments button[aria-pressed=true]{background:#f5f6f8b0;box-shadow:0 2px 5px #17191d10}.key-review{border-top:1px solid #73809630;padding-top:24px}.key-review h2{font:700 24px var(--font-heading)}.key-review>p{font-size:11px;line-height:1.8;color:#48576a}.key-review .primary{font-size:11px;justify-content:center}.key-review .primary:disabled{cursor:default}.key-review>.text-button{display:block;min-height:40px;margin:auto}.key-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.key-comparison figure{margin:0;min-width:0}.key-comparison canvas{width:100%;height:100px;object-fit:contain;background:#b7bbc555;border-radius:12px}.key-comparison figcaption{font-size:9px;color:#526074;margin-top:5px}.key-comparison>button{grid-column:1/-1}.key-controls summary:focus-visible{outline:3px solid #745d00;outline-offset:3px;border-radius:8px}@media(max-width:1050px){.key-workspace{grid-template-columns:minmax(0,1fr) 345px;gap:18px}.key-controls{padding:8px 20px 22px}.key-view-controls button{font-size:9px;padding:9px}.key-viewer{height:540px}}@media(max-width:780px){.key-designer{padding-top:15px}.key-title{padding:15px 0 20px}.key-title h1{font-size:34px;letter-spacing:-.8px}.key-title>p{font-size:12px}.key-workspace{grid-template-columns:1fr;gap:15px}.key-preview-column{position:static}.key-viewer{height:430px;border-radius:25px}.key-view-top{left:15px;right:15px;top:14px;font-size:9px}.key-view-controls{left:8px;right:8px;gap:2px}.key-view-controls button{font-size:9px;padding:9px 6px;min-height:38px}.key-view-note{font-size:8px;left:12px;right:12px}.key-measure{left:15px;font-size:9px}.key-controls{padding:5px 20px 22px;border-radius:25px}.key-controls summary{font-size:16px;min-height:62px}.key-validation{font-size:10px}.key-controls .outline-button{font-size:11px}.key-control-content>label{font-size:12px}.key-control-content select{font-size:12px}.key-controls input[type=range]{min-height:35px}.key-base-colors button{width:30px;height:30px}.key-controls input[type=color]{height:35px}.key-segments button{font-size:11px;min-height:44px}}.key-quote{border-top:1px solid #73809630;padding-top:20px;margin-top:20px}.key-quote h2{font:700 23px var(--font-heading);margin:0 0 10px}.key-quote p{font-size:12px;line-height:1.7;color:#48576a}.key-quote .primary{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;min-height:46px;font-size:12px}.key-quote button:disabled{opacity:.45;cursor:not-allowed}