.product-preview{color:#183454;padding:42px 0 54px}.pp-intro{grid-template-columns:1.1fr 1fr;align-items:end;gap:48px;margin-bottom:26px;display:grid}.pp-eyebrow{letter-spacing:.12em;color:#167456;margin-bottom:12px;font-size:10px;font-weight:700;display:block}.product-preview .pp-intro h2{letter-spacing:-.045em;color:#183454;margin:0;font-size:clamp(27px,3vw,39px);line-height:1.15}.pp-intro>p{color:#536c79;margin:0;font-size:14px;line-height:1.75}.pp-frame{background:#f7f9fb;border:1px solid #c8d6db;border-radius:15px;grid-template-columns:175px 1fr;min-height:550px;display:grid;overflow:hidden;box-shadow:0 25px 65px #18345413}.pp-sidebar{color:#dce6f1;background:#102139;flex-direction:column;gap:9px;padding:25px 15px;display:flex;position:relative}.pp-sidebar>img{width:135px;height:auto;margin-bottom:18px}.pp-workspace{letter-spacing:.12em;color:#9caec1;margin-bottom:10px;font-size:8px}.pp-nav-item{border-radius:6px;align-items:center;gap:9px;padding:12px 9px;font-size:11px;display:flex}.pp-nav-item.selected{color:#fff;background:#106c57}.pp-sidebar-foot{color:#aebfd0;margin-top:auto;padding-top:50px;font-size:10px;line-height:1.8}.pp-sidebar-foot strong{color:#e2eaf0;font-weight:500}.pp-workspace-main{min-width:0}.pp-toolbar{background:#fff;border-bottom:1px solid #e0e6eb;justify-content:space-between;align-items:center;padding:15px 24px;font-size:12px;display:flex}.pp-toolbar>span:first-child{align-items:center;gap:9px;font-weight:600;display:flex}.pp-avatar{background:#e3eaf4;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.pp-tabs{background:#fff;border-bottom:1px solid #e0e6eb;gap:24px;padding:0 24px;display:flex}.pp-tabs button{font:inherit;cursor:pointer;color:#627281;background:0 0;border:0;border-bottom:2px solid #0000;padding:15px 2px;font-size:12px}.pp-tabs button[aria-selected=true]{color:#17674e;border-bottom-color:#168460;font-weight:650}.product-preview :is(button,input,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid #168460}.pp-panel{min-height:445px;padding:24px}.product-preview [hidden]{display:none!important}.pp-page-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.product-preview .pp-page-title h3{color:#182b40;letter-spacing:-.025em;margin:0;font-size:21px;font-weight:650}.pp-badge{color:#176447;white-space:nowrap;background:#e4f4eb;border-radius:5px;padding:4px 8px;font-size:9px;line-height:1.5;display:inline-block}.pp-warning{color:#914e13;background:#fff0df}.pp-stepper{flex-wrap:wrap;gap:8px;margin-bottom:23px;display:flex}.pp-stepper span{color:#68788a;background:#e9edf2;border-radius:20px;padding:6px 11px;font-size:10px}.pp-stepper .active{color:#fff;background:#183454}.pp-form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.pp-form>div{background:#fff;border:1px solid #dbe3e9;border-radius:7px;padding:15px}.pp-form small,.pp-card small,.pp-inspector small{color:#68798a;font-size:10px;line-height:1.65;display:block}.pp-form strong{margin-top:8px;font-size:12px;font-weight:500;display:block}.pp-wide{grid-column:1/-1}.pp-form p{color:#264458;margin:7px 0;font-size:12px;line-height:1.8}.pp-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:19px;display:grid}.pp-stats>div{background:#fff;border:1px solid #dbe3e9;border-radius:8px;padding:17px}.pp-stats strong{letter-spacing:-.04em;font-size:25px;display:block}.pp-stats small{color:#68798a;margin-top:5px;font-size:10px;display:block}.pp-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.pp-card{background:#fff;border:1px solid #dbe3e9;border-radius:8px;min-width:0;padding:18px}.product-preview h4{color:#183454;margin:0 0 17px;font-size:13px;font-weight:650}.pp-card p,.pp-inspector p{color:#526779;font-size:12px;line-height:1.7}.pp-check{color:#354d60;align-items:center;gap:8px;margin:13px 0;font-size:11px;display:flex}.pp-check input{accent-color:#168460}.pp-preview-line{border-bottom:1px solid #edf1f4;padding-bottom:8px}.pp-builder{border:1px solid #dbe3e9;border-radius:8px;grid-template-columns:1.2fr 1fr;display:grid;overflow:hidden}.pp-canvas{background:radial-gradient(#c5d2d9 1px,#0000 1px) 0 0/15px 15px;flex-direction:column;align-items:center;gap:25px;padding:22px;display:flex}.pp-node{background:#fff;border:1px solid #cad8d4;border-left:3px solid #168460;border-radius:7px;width:220px;max-width:100%;padding:10px 17px;position:relative;box-shadow:0 3px 10px #18345408}.pp-node span{color:#168460;margin-bottom:5px;font-size:9px;display:block}.pp-node strong{font-size:11px;font-weight:600;display:block}.pp-connector{background:#a4b9b2;width:1px;height:26px;position:absolute;top:100%;left:50%}.pp-inspector{background:#fff;border-left:1px solid #dbe3e9;padding:22px}.pp-inspector p{margin:8px 0 20px}.pp-muted{color:#68798a!important;margin-top:20px!important;font-size:10px!important;line-height:1.65!important}.pp-row{border-bottom:1px solid #e7edf1;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;font-size:11px;display:flex}.pp-row strong{font-weight:500}.pp-row time{color:#68798a;font-size:10px}.pp-caption{line-height:1.6;color:#647c86!important;margin:14px 0 0!important;font-size:10px!important}.pp-map-layout{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.pp-map{background:#edf2f0;border:1px solid #dbe3e9;border-radius:8px;min-height:310px;position:relative;overflow:hidden}.pp-map svg{width:100%;height:100%;min-height:310px}.pp-map-caption{color:#607181;background:#fffffff0;border-radius:4px;padding:4px 7px;font-size:9px;position:absolute;bottom:9px;left:10px}.pp-deficiency{background:#fff9f2;border:1px solid #edcfac;border-radius:7px;margin-top:22px;padding:17px}.pp-deficiency h4{margin-bottom:8px}.pp-deficiency p{margin:0 0 8px}@media (width<=900px){.pp-frame{grid-template-columns:125px 1fr}.pp-sidebar{padding:20px 10px}.pp-sidebar>img{width:105px}.pp-nav-item{padding-inline:4px;font-size:10px}.pp-columns,.pp-builder,.pp-map-layout{grid-template-columns:1fr}.pp-inspector{border-top:1px solid #dbe3e9;border-left:0}.pp-canvas{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pp-node{width:auto}.pp-connector{display:none}.pp-map{min-height:230px}.pp-map svg{min-height:230px;max-height:280px}}@media (width<=600px){.product-preview{padding:28px 0 38px}.pp-intro{grid-template-columns:1fr;gap:16px}.pp-frame{grid-template-columns:1fr}.pp-sidebar{display:none}.pp-toolbar{padding:13px 16px}.pp-panel{padding:16px}.pp-page-title{flex-wrap:wrap;align-items:flex-start;gap:10px}.product-preview .pp-page-title h3{font-size:18px}.pp-stats{gap:6px}.pp-stats>div{padding:12px 9px}.pp-stats strong{font-size:20px}.pp-form{gap:10px}.pp-form>div{padding:12px}.pp-stepper{gap:5px}.pp-stepper span{padding:6px 8px;font-size:9px}.pp-row{gap:8px;font-size:10px}.pp-tabs{padding-inline:16px}.pp-caption{font-size:9px!important}}