.calculator{max-width:1100px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;padding:12px 0 32px}.calculator-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.calculator-fields label{margin-top:0}.calculator-output{padding:24px 0}.calculator-output h2{font-size:48px;font-weight:500;letter-spacing:-.055em;margin:16px 0 8px;font-variant-numeric:tabular-nums}.calculator-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:24px 0 18px;gap:0;font-size:13px;line-height:1.7}.calculator-metrics dt,.calculator-metrics dd{padding:13px 0;border-bottom:1px solid #ffffff1c;margin:0}.calculator-metrics dt{color:#98a4aa;padding-right:16px}.calculator-metrics dd{text-align:right;color:#e4e7df;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ratio-preview{display:flex;align-items:center;justify-content:center;margin:24px 0;background:#080b0c;border:1px solid #ffffff12;border-radius:6px;min-height:290px;padding:24px;box-sizing:border-box}.ratio-frame{position:relative;overflow:hidden;background:repeating-linear-gradient(45deg,#28302e 0px,#28302e 6px,#202725 6px,#202725 12px);border:1px solid #a3af9b;width:100%;max-width:250px;max-height:300px;box-shadow:0 12px 32px #0004}.ratio-source{position:absolute;background:#c8d3bd;border:2px solid #eaf1e4;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#213122;font:10px ui-monospace,monospace;min-width:0}.ratio-source:before,.ratio-source:after{content:'';position:absolute;left:12%;right:12%;height:8%;border-radius:3px;background:#647c5c55}.ratio-source:before{top:12%;height:23%}.ratio-source:after{bottom:12%;height:20%}.credit-combination{list-style:none;padding:0;color:#d2ddc7;font-size:14px;line-height:2}.case-evidence{margin:36px 0 45px}.case-export{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;align-items:start;border-bottom:1px solid #ffffff20;padding:0 0 44px;margin-bottom:40px}.case-export h2{font-size:32px;margin:16px 0}.case-export p{font-size:14px;line-height:1.9;color:#aeb7bc;max-width:500px}.case-input{margin:24px 0 0;max-width:150px}.case-input img{display:block;width:100%;height:auto;border-radius:9px;border:1px solid #ffffff28}.case-input figcaption{color:#9eaaae;font-size:11px;line-height:1.8;margin-top:10px}.case-evidence>h2{font-size:27px;margin-bottom:25px}.case-frame-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.case-frame-grid figure{margin:0;min-width:0}.case-frame-grid img{width:100%;height:auto;display:block;border:1px solid #ffffff20;border-radius:3px}.case-frame-grid figcaption{padding:14px 0}.case-frame-grid figcaption>span{font:11px ui-monospace,monospace;color:#9da997}.case-frame-grid strong{display:block;color:#d6dfd0;font-size:14px;line-height:1.5;font-weight:500;margin-top:8px}.case-frame-grid p{font-size:12px;line-height:1.8;color:#9aa6ac;margin-top:8px}.facts-panel{max-width:900px;margin:30px 0 42px;border:1px solid #ffffff20;background:#161d1e;padding:28px;border-radius:6px}.facts-panel h2{font-size:25px}.facts-panel>p{color:#aeb9bb;font-size:13px;line-height:1.9}.facts-packs{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0;gap:12px}.facts-packs li{flex:1;min-width:100px;padding:16px;border:1px solid #ffffff20;color:#9eabae;font-size:12px}.facts-packs strong{color:#dce4d6;font-size:18px;font-weight:500}.facts-packs span{display:block;color:#dce4d6;font-size:20px;margin-top:9px}
.ratio-frame{max-width:100%;max-height:none}
.reference-library{padding:40px 0;border-top:1px solid #ffffff20;margin:40px 0}.reference-library>h2{font-size:30px;letter-spacing:-.03em}.reference-library>p{font-size:14px;line-height:1.8;color:#aab6b9;margin:14px 0 25px}.reference-library>div{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reference-library a{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:22px;border:1px solid #ffffff22;background:#171d1d;padding:20px;border-radius:5px}.reference-library a:hover{border-color:#8d9e81}.reference-library img{width:90px;height:160px;object-fit:contain;border-radius:2px}.reference-library strong{display:block;font-size:20px;font-weight:500;line-height:1.4;color:#e0e6d9}.reference-library small{display:block;font-size:11px;color:#a0afa4;line-height:1.8;margin:12px 0}.reference-library a>span>span{font-size:13px;color:#d5e0cb}
@media(max-width:760px){.reference-library>div{grid-template-columns:1fr}.reference-library strong{font-size:18px}.reference-library a{gap:18px;padding:17px}.reference-library>h2{font-size:27px}}
.layout-upload{padding-bottom:20px;border-bottom:1px solid #ffffff1c;margin-bottom:22px}.layout-upload>p{font-size:11px;line-height:1.8;color:#a3b1b2;margin-top:10px}.layout-upload input[type=file]{font-size:12px;padding:0;min-height:46px;border:0;background:transparent}.layout-upload input::file-selector-button{min-height:44px;margin-right:10px;padding:10px 14px;font:inherit;color:#e0e8da;background:#29342e;border:1px solid #60715e;border-radius:4px;cursor:pointer}.layout-upload [role=status]{overflow-wrap:anywhere}.calculator input[readonly]{color:#a2b4a9;background:#202a24}.calculator input[type=color]{height:48px;padding:6px;cursor:pointer}.screenshot-layout-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:340px;border:1px solid #ffffff30}.calculator [data-layout-download][hidden],.calculator [data-layout-remove][hidden]{display:none!important}.calculator .planner-result-actions{align-items:center}.maker-proof{padding:38px 0 48px;margin:0 0 20px;border-bottom:1px solid #ffffff20}.maker-proof-heading{max-width:820px}.maker-proof h2{font-size:32px;line-height:1.25;letter-spacing:-.035em;margin:17px 0}.maker-proof p,.case-export p{font-size:14px;line-height:1.9;color:#aeb9bb}.maker-workflow{list-style:none;padding:0;margin:32px 0 45px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.maker-workflow li{border-top:1px solid #74836e;padding:20px 0 0;min-width:0}.maker-workflow li>span{font:11px ui-monospace,monospace;color:#9cab91}.maker-workflow h3{font-size:17px;line-height:1.4;margin:15px 0 12px;font-weight:500}.maker-workflow p{font-size:13px;line-height:1.8}.maker-proof-demo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center}.maker-proof-demo .resource-film{max-width:290px}.maker-proof-demo h2{margin-top:0}.proof-facts{display:flex;flex-wrap:wrap;gap:14px 24px;margin:28px 0;font-size:11px;color:#a4b1ab}.proof-facts strong{display:block;font-size:32px;line-height:1.4;font-weight:500;letter-spacing:-.04em;color:#e2e7db;font-variant-numeric:tabular-nums}.proof-links{display:flex;flex-direction:column;gap:0;margin-top:20px}.proof-links>a{display:block;min-height:44px;padding:12px 0;border-top:1px solid #ffffff20;color:#d1ddc6;font-size:13px;line-height:1.6}
@media(max-width:760px){.maker-proof h2{font-size:27px}.maker-workflow{grid-template-columns:1fr 1fr;gap:24px 18px}.maker-workflow h3{font-size:16px}.maker-workflow p{font-size:12px}.maker-proof-demo{grid-template-columns:1fr;gap:30px}.maker-proof-demo .resource-film{max-width:270px}.maker-proof{padding-top:28px}.proof-facts{gap:15px}.screenshot-layout-canvas{max-height:300px}}
@media(max-width:760px){.calculator{grid-template-columns:1fr;gap:8px}.calculator-output h2{font-size:40px}.calculator-output{padding-top:16px}.calculator-fields{gap:12px}.case-export{grid-template-columns:1fr;gap:28px}.case-export>.resource-film{max-width:280px}.case-export h2{font-size:27px}.case-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.case-frame-grid figure:last-child{max-width:200px}.facts-panel{padding:20px}.facts-panel .calculator-metrics{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);font-size:12px}.facts-packs li{min-width:90px}.ratio-preview{min-height:260px}.calculator .calculator-fields input{padding-left:9px;padding-right:9px}}