.catalog{padding:25px 0 75px}.catalog-intro{margin:48px 0}.catalog-intro h1{font-size:clamp(36px,4.4vw,60px);line-height:1.12;letter-spacing:-2.7px;margin:22px 0}.catalog-intro h1 span{color:#315efb}.catalog-intro p{color:#66768f;line-height:1.8}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.catalog-card{display:block}.catalog-thumbnail{position:relative;height:370px;border:1px solid #dfe5ef;border-radius:14px;overflow:hidden;background:#e8eef7}.catalog-thumbnail iframe{border:0;width:285.715%;height:1080px;transform:scale(.35);transform-origin:top left;pointer-events:none}.catalog-open{position:absolute;bottom:20px;right:20px;display:flex;gap:20px;align-items:center;background:#fff;padding:10px 16px;border-radius:6px;font-size:14px;box-shadow:0 3px 20px #0001;transition:transform .2s}.catalog-card:hover .catalog-open{transform:translateY(-4px)}.catalog-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 2px}.catalog-caption h2{font-size:29px;letter-spacing:-1px;margin:3px 0}.catalog-caption>div>span{font-size:13px;color:#6d7d95}.catalog-swatches{display:flex;gap:5px}.catalog-swatches i{width:19px;height:19px;border-radius:50%;border:1px solid #0001}.catalog-footnote{gap:25px;margin-top:50px;padding-top:25px;border-top:1px solid #dce5f0;font-size:14px;color:#66768f}.catalog-footnote,.config-header{display:flex;align-items:center;justify-content:space-between}.config-header{gap:20px;background:#fff;border-bottom:1px solid #e0e7f1;padding:20px 30px}.config-header .brand{font-size:30px}.config-header .brand svg{width:24px;height:31px}.config-header>span{font-size:13px;color:#7a879c}.config-workspace{display:grid;grid-template-columns:325px minmax(0,1fr)}.config-controls{background:#fff;padding:30px 26px;border-right:1px solid #dfe6f1}.config-controls h1{font-size:38px;letter-spacing:-1.5px;margin:8px 0 0}.config-controls>p{font-size:14px;color:#6b7990;margin-bottom:25px}.config-controls h2{font-size:15px;font-weight:600;letter-spacing:0;margin:26px 0 15px}.config-logo{display:flex;align-items:center;gap:13px;margin-top:18px;border:1px dashed #d1dbed;padding:12px;border-radius:7px;font-size:13px}.config-logo>span{font-size:26px;color:#315efb}.config-logo small{display:block;font-size:12px;color:#7b879c;line-height:1.5}.palette-options{gap:8px}.palette-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e2e8f1;border-radius:7px;font-size:13px;cursor:pointer}.palette-option>.catalog-swatches{margin-left:auto}.custom-colors{display:flex;flex-direction:column;gap:12px}.custom-colors label{display:flex;gap:12px;align-items:center;font-size:13px}.custom-colors small{display:block;font-size:11px;color:#77849a}.custom-colors input{width:40px;height:40px;padding:3px;border:1px solid #e0e6f0;background:white;border-radius:7px;cursor:pointer}.config-controls>.small{margin:15px 0}.config-decision{margin-top:25px;padding-top:24px;border-top:1px solid #e0e7f0}.config-decision .button{width:100%;font-size:14px;gap:15px;padding:14px 12px}.config-decision p{font-size:12px;color:#77849b;text-align:center;margin:10px 0 18px}.config-stage{padding:20px 26px;background:#e9eef6;min-width:0}.config-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px;font-size:13px;color:#64748c}.live-preview{border:1px solid #d7dfeb;border-radius:10px;overflow:auto;height:850px;max-height:calc(100vh - 160px);background:white;box-shadow:0 15px 40px #0d214010;container-type:inline-size;margin:auto;transition:max-width .2s}.live-preview.mobile{max-width:390px}.preview-note{text-align:center;font-size:12px;color:#78879d;margin:15px 0}@media (max-width:900px){.config-workspace{grid-template-columns:280px minmax(0,1fr)}.config-controls{padding:25px 18px}.config-stage{padding:18px 14px}.config-header>span{display:none}.config-toolbar>a{font-size:0}.config-toolbar>a svg{width:18px}.catalog-thumbnail{height:290px}}@media (max-width:650px){.catalog-grid{grid-template-columns:1fr;gap:25px}.catalog-intro{margin:35px 0}.catalog-intro h1{font-size:37px;letter-spacing:-1.7px}.catalog-intro p{font-size:15px}.catalog-footnote{display:block}.catalog-footnote a{margin-top:20px}.config-workspace{display:flex;flex-direction:column-reverse}.config-stage{padding:15px 12px}.live-preview{height:500px;max-height:65vh}.config-controls{padding:30px 24px;border-right:0}.config-header{padding:20px}.config-header .brand{font-size:25px}.config-header .brand svg{width:20px;height:26px}.palette-options{grid-template-columns:1fr 1fr}.palette-option>.catalog-swatches i{width:13px;height:13px}.palette-option{gap:6px}.custom-colors{flex-direction:row;justify-content:space-between}.custom-colors label{gap:7px}.catalog-thumbnail{height:300px}}