.spg5 .spg5-formtop{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.spg5-formtop>label{display:flex;align-items:center;gap:8px;font-size:11px!important;color:#708064}.spg5 .spg5-formtop select{width:auto;min-height:34px;margin:0;border-radius:18px;padding:5px 27px 5px 11px;font-size:12px}.spg5 .spg5-formtop .spgs-step{margin:0}.spg5 .spg5-wall-head,.spg5-wall-row{display:grid;grid-template-columns:1fr 1fr 65px 35px;gap:8px;align-items:center}.spg5 .spg5-wall-head{font:600 9px system-ui;color:#7c8974;padding:0 8px}.spg5-wall-head span:nth-child(3){text-align:center}.spg5-wall-row{background:#fafbf6;border:1px solid #e0e7d8;border-radius:12px;padding:9px;margin:7px 0}.spg5-wall-row input{margin:0!important;min-width:0!important;font-size:14px!important;background:white!important}.spg5-wall-row button{border:0;background:transparent;color:#7a806f;padding:0;min-height:35px;font-size:20px}.spg5 .spg5-add{width:100%;border:1px dashed #bacaaa;background:#f5f9ed;color:#47633c;border-radius:10px;font:600 12px system-ui}.spg5 .spg5-roll-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.spg5 .spg5-roll-fields>label,.spg5 .spg5-curtain-fields>label{font-size:11px}.spg5-measure{display:flex;align-items:center;border:1px solid #dce3d5;border-radius:10px;background:#fafbf6;margin-top:7px}.spg5 .spg5-measure input{border:0!important;background:transparent!important;margin:0!important;min-width:0;width:100%;font:600 15px system-ui;padding:9px}.spg5-measure>span{font:500 9px system-ui;color:#7b8872;padding-right:8px}.spg5 .spg5-options{background:#fafbf6;border:1px solid #e5e9df;border-radius:12px;padding:4px 12px;margin:17px 0}.spg5-options summary{font-size:12px}.spg5-options p{font-size:11px;line-height:1.5;color:#75826e}.spg5-options label{font-size:11px}.spg5-empty{text-align:center}.spg5-empty h3{font-size:24px}.spg5-empty p{font-size:13px;line-height:1.6;color:#748267;max-width:330px;margin:auto}.spg5-wall-art{height:230px;width:270px;margin:40px auto 30px;display:flex;align-items:stretch;position:relative;overflow:hidden;border-radius:5px 5px 16px 16px;box-shadow:7px 9px 0 #c5d2a844}.spg5-wall-art i{flex:1;background:repeating-linear-gradient(0deg,#c6dca0 0 20px,#b8d18f 20px 22px);border-right:2px solid #f5f3e8}.spg5-wall-art i:nth-child(2){background:repeating-linear-gradient(45deg,#eed0ad 0 18px,#e4bc92 18px 20px)}.spg5-wall-art i:nth-child(3){background:repeating-linear-gradient(0deg,#b8d4dc 0 28px,#a8c8d2 28px 30px)}.spg5-wall-art b{position:absolute;right:13px;top:12px;background:#fffddf;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;color:#617b51}.spg5 [data-result]>h3{font:650 30px/1.15 system-ui;letter-spacing:-.8px}.spg5-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.spg5-summary div{background:#fffdf7;border:1px solid #dce5d1;border-radius:12px;padding:13px}.spg5-summary strong{display:block;font:650 23px system-ui;color:#285b3c}.spg5-summary span{font:500 9px system-ui;color:#748168}.spg5-roll-plan{display:grid;gap:8px;margin:14px 0}.spg5-roll{background:#fffdf7;border:1px solid #dce5d1;border-radius:10px;padding:11px}.spg5-roll-head{display:flex;justify-content:space-between;gap:8px;font:600 10px system-ui}.spg5-roll-track{display:flex;height:10px;border-radius:10px;overflow:hidden;background:#e8ecdf;margin:8px 0}.spg5-roll-track i{display:block;background:#8fae67;border-right:1px solid #fff}.spg5-roll p,.spg5-wall-result p,.spg5-note{font-size:10px!important;line-height:1.55;color:#748168!important}.spg5-wall-result{border-top:1px solid #dfe6d7;padding:10px 0}.spg5-wall-result h4{font-size:14px;margin:0 0 3px}.spg5 [data-result]>button{width:100%;border:1px solid #cad8bb;background:white;color:#285b3c;border-radius:11px;font:600 13px system-ui;padding:14px;margin-top:17px}.spg5 .spg5-curtain-fields{grid-template-columns:1fr 1fr}.spg5-fullness button b{font-size:17px;letter-spacing:-2px}.spg5-even{display:flex!important;align-items:center;gap:9px;background:#fafbf6;border:1px solid #e0e7d9;border-radius:11px;padding:12px;margin-top:19px;font:500 12px system-ui!important}.spg5-even input{accent-color:#6f9452;flex-shrink:0}.spg5-curtain-art{position:relative;width:275px;height:220px;margin:43px auto 30px;border-top:7px solid #65765d}.spg5-curtain-art>i{position:absolute;left:25px;right:25px;top:26px;bottom:0;background:linear-gradient(#a8cbd5,#eaf3ef);border:9px solid #fff;box-shadow:0 0 0 1px #cfd9ca}.spg5-curtain-art>div{position:absolute;inset:4px 0 0;display:flex;justify-content:space-between}.spg5-curtain-art span{width:39%;background:repeating-linear-gradient(90deg,#e6c9a6 0 16px,#f0d9bd 16px 29px);border-radius:0 0 22px 5px;box-shadow:4px 0 8px #42502e20}.spg5-curtain-art span:last-child{transform:scaleX(-1)}.spg5-curtain-art>b{position:absolute;right:-2px;top:-30px;font:42px Georgia;color:#729451}.spg5-window-result{height:220px;position:relative;margin:15px 0 18px;border-top:7px solid #63755a;background:linear-gradient(#b8d5dd,#eff3ed);overflow:hidden;display:flex;justify-content:space-between;border-radius:5px}.spg5-window-result:after{content:"";position:absolute;left:24%;right:24%;top:22px;bottom:0;border:7px solid #fff;box-shadow:0 0 0 1px #ced8c9;z-index:0}.spg5-window-side{display:flex;width:39%;height:100%;z-index:1}.spg5-window-side:last-child{justify-content:flex-end}.spg5-panel{height:100%;flex:1;min-width:8px;background:repeating-linear-gradient(90deg,#dec099 0 8px,#efd9bd 8px 16px);border-right:1px solid #fff6;box-shadow:2px 0 4px #3d4f3317}.spg5-curtain-split{display:flex;justify-content:space-between;gap:12px;font:600 11px system-ui;margin:12px 0}.spg5-pack-note{background:#fffdf7;border:1px solid #dce5d1;border-radius:11px;padding:12px;font-size:11px;line-height:1.55;color:#65755d}@media(max-width:580px){.spg5 .spg5-wall-head{display:none}.spg5-wall-row{grid-template-columns:1fr 1fr 55px 30px}.spg5 .spg5-roll-fields{grid-template-columns:1fr 1fr}.spg5 .spg5-roll-fields>label:last-child{grid-column:1/-1}.spg5-wall-art,.spg5-curtain-art{width:215px}.spg5 .spg5-curtain-fields{grid-template-columns:1fr}.spg5-summary strong{font-size:20px}}@media(max-width:350px){.spg5 .spg5-formtop{align-items:flex-start;flex-direction:column}.spg5-wall-row{grid-template-columns:1fr 1fr}.spg5-wall-row button{grid-column:2;justify-self:end}.spg5 .spg5-roll-fields{grid-template-columns:1fr}.spg5 .spg5-roll-fields>label:last-child{grid-column:auto}.spg5-summary{grid-template-columns:1fr}.spg5-wall-art,.spg5-curtain-art{width:185px}}