.product-guide{--guide-green:#0f6170;--guide-green-deep:#083a45;--guide-mint:#c9f1ea;--guide-orange:#e76f45}.product-guide .guide-hero{background:linear-gradient(118deg,#eef7f6,#fbfaf7 43%,#edf5f8)}.product-guide .guide-hero:before{background:#54cbbd24}.product-guide .guide-hero-copy h1{color:#103a43}.product-library-real-shot{max-width:900px}.product-library-overview>header{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 17px;border-bottom:1px solid #e2e9e8;background:#fbfcfc}.product-library-overview>header div{display:flex;align-items:center;gap:9px;color:#143e46;font-size:13px}.product-library-overview>header span{width:12px;height:12px;border-radius:4px;background:#31b7a2}.product-library-overview button{padding:8px 12px;border:0;border-radius:5px;color:#fff;background:#0f6170;font-size:10px;font-weight:800}.product-overview-body{display:grid;grid-template-columns:190px 1fr;min-height:390px}.product-overview-body>aside{display:grid;align-content:start;gap:8px;padding:16px 12px;border-right:1px solid #e6ebea;background:#fafbfb}.product-overview-body>aside label{padding:9px;border:1px solid #e0e6e5;border-radius:5px;color:#95a19e;font-size:9px}.product-overview-body>aside article{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid transparent;border-radius:6px;color:#415853}.product-overview-body>aside article.active{border-color:#89cfc3;background:#eef9f6}.product-overview-body>aside article i{display:block;width:34px;height:34px;border-radius:5px;background:linear-gradient(135deg,#dce9e5,#7ba69d)}.product-overview-body>aside article div{display:grid;gap:3px;min-width:0}.product-overview-body>aside b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.product-overview-body>aside small{color:#879591;font-size:7px}.product-overview-body>aside em{grid-column:2;color:#279879;font-size:7px;font-style:normal}.product-overview-body>section{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px;padding:28px 20px 100px}.product-thumb{display:grid;place-items:center;align-content:center;gap:12px;border:1px solid #e0e7e5;border-radius:7px;background:linear-gradient(145deg,#f4f6f5,#d6e5e1);text-align:center}.product-thumb span{display:grid;place-items:center;width:92px;height:112px;border-radius:20px 20px 12px 12px;color:#fff;background:linear-gradient(145deg,#3b7167,#113f47);font-size:9px;font-weight:900;letter-spacing:.12em}.product-thumb b{font-size:10px}.product-thumb small{color:#6d7d79;font-size:8px}.product-profile{border:1px solid #e0e7e5;border-radius:7px;background:#fff}.product-profile>header{display:flex;align-items:center;justify-content:space-between;padding:13px;border-bottom:1px solid #e6ebea;font-size:10px}.product-profile>header button{padding:6px 9px;background:#e8f6f3;color:#0f6170}.product-profile dl{display:grid;gap:0;margin:0;padding:8px 13px}.product-profile dl div{display:grid;grid-template-columns:75px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid #eef1f0;font-size:8px}.product-profile dl div:last-child{border-bottom:0}.product-profile dt{color:#899692}.product-profile dd{margin:0;color:#334d47;font-weight:700}.product-profile dd span{color:#159071}.product-overview-body>footer{position:absolute;right:0;bottom:27px;left:190px;display:flex;align-items:center;gap:12px;padding:15px 20px;border-top:1px solid #e4eae8;background:#f8faf9;font-size:9px}.product-overview-body>footer div{display:flex;gap:7px;flex:1}.product-overview-body>footer i{padding:6px 8px;border-radius:4px;color:#51645f;background:#fff;font-style:normal}.product-overview-body>footer button{font-size:9px}.overview-caption{display:block;padding:8px 13px;color:#85938f;background:#fff;font-size:9px;text-align:right}.product-add-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center}.product-add-flow article{min-height:210px;padding:25px;border:1px solid #e0e6e4;border-radius:6px;background:#fff}.product-add-flow article>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#0f6170;background:#dff4ef}.product-add-flow h3{margin:27px 0 10px;color:#294b48;font-size:19px}.product-add-flow p{margin:0;color:#72817d;font-size:14px;line-height:1.8}.product-add-flow>i{color:#a6b2ae;font-style:normal}.product-subtitle{margin-left:0}.reference-role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.reference-role-grid article{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:20px;border:1px solid #e0e6e4;border-radius:6px;background:#fff}.reference-role-grid article>b{color:#e76f45;font-size:11px}.reference-role-grid h3{margin:0 0 7px;color:#2f4c46;font-size:17px}.reference-role-grid p{margin:0;color:#74817d;font-size:14px;line-height:1.7}.profile-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.profile-columns article{padding:25px;border:1px solid #dfe6e3;border-radius:7px;background:#fff}.profile-columns small{color:#0f7886;font-size:9px;font-weight:900;letter-spacing:.14em}.profile-columns h3{margin:9px 0 19px;color:#294b48;font-size:20px}.profile-columns ul{display:grid;gap:11px;margin:0;padding-left:20px;color:#6d7c77;font-size:14px;line-height:1.6}.generation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.generation-grid article{display:grid;grid-template-columns:50px 1fr;gap:16px;min-height:130px;padding:22px;border:1px solid #dfe6e3;border-radius:6px;background:#fff}.generation-grid article>b{display:grid;place-items:center;width:46px;height:46px;border-radius:11px;color:#0f6170;background:#e4f5f1;font-size:15px}.generation-grid h3{margin:0 0 8px;color:#2c4c47;font-size:18px}.generation-grid p{margin:0;color:#74817d;font-size:14px;line-height:1.7}.generation-settings{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid #dfe6e3;border-radius:6px;background:#fff}.generation-settings div{display:grid;gap:8px;padding:20px;border-right:1px solid #e6eae8}.generation-settings div:last-child{border-right:0}.generation-settings span{color:#899691;font-size:11px}.generation-settings strong{color:#38534d;font-size:14px;line-height:1.5}.product-points-note{display:grid;grid-template-columns:110px 1fr;gap:20px;margin-top:18px;padding:22px;border:1px solid rgba(15,97,112,.2);border-radius:6px;background:#f0f8f6}.product-points-note b{color:#0f6170;font-size:14px}.product-points-note p{margin:0;color:#657773;font-size:15px;line-height:1.8}.product-management-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.product-management-list div{display:grid;gap:6px;padding:19px;border:1px solid #e0e6e4;border-radius:5px;background:#fff}.product-management-list b{color:#31504a;font-size:15px}.product-management-list span{color:#788580;font-size:14px;line-height:1.6}@media(max-width:1180px){.product-library-real-shot{transform:none}}@media(max-width:900px){.product-library-real-shot{justify-self:center;max-width:820px}.profile-columns{grid-template-columns:1fr}.generation-settings{grid-template-columns:repeat(2,1fr)}.generation-settings div:nth-child(2){border-right:0}.generation-settings div:nth-child(-n+2){border-bottom:1px solid #e6eae8}}@media(max-width:640px){.product-overview-body{grid-template-columns:1fr}.product-overview-body>aside{display:none}.product-overview-body>section{grid-template-columns:1fr;padding:15px 15px 93px}.product-thumb{min-height:230px}.product-overview-body>footer{left:0;overflow:auto}.product-add-flow{grid-template-columns:1fr}.product-add-flow>i{display:none}.product-add-flow article{min-height:auto}.reference-role-grid,.generation-grid,.product-management-list,.generation-settings{grid-template-columns:1fr}.generation-settings div{border-right:0;border-bottom:1px solid #e6eae8}.product-points-note{grid-template-columns:1fr}.profile-columns article{padding:22px}}