*{box-sizing:border-box}body{margin:0;color:#172f48;background:#fff;font-family:Arial,sans-serif}.sill-layout{display:grid;grid-template-columns:minmax(330px,30%) minmax(430px,1fr) 330px;height:calc(100vh - 184px);min-height:650px;border-top:1px solid #dde4e8}.sill-options,.sill-summary{overflow-y:auto;padding:24px 26px;background:#fff}.sill-options{border-right:1px solid #dce3e8}.sill-summary{border-left:1px solid #dce3e8}.sill-options h1{font-size:27px;margin:0 0 18px}.sill-options section{padding:0 0 24px;margin:0 0 25px;border-bottom:1px solid #d7dee3}.sill-options h2,.sill-summary h2{font-size:22px;margin:0 0 18px}.sill-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sill-two label>span{display:block;font-weight:700;margin-bottom:7px}.sill-two input,.sill-two select,textarea{width:100%;border:1px solid #ccd6dc;background:#f4f6f7;border-radius:4px;padding:13px;font:inherit;color:#172f48}.sill-two small{display:block;margin-top:7px;color:#687986;font-size:12px}#sill-warning{color:#c03636;font-weight:700}.sill-current,.sill-long-choice{width:100%;min-height:84px;display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:15px;border:1px solid #d3dde3;border-radius:5px;background:#fff;padding:9px;cursor:pointer;text-align:left}.sill-current img{width:82px;height:67px;object-fit:contain}.sill-current span{display:grid;gap:5px}.sill-current small{color:#6c7b84}.sill-current button,.sill-long-choice b{align-self:stretch;display:grid;place-items:center;border:0;border-radius:0 4px 4px 0;background:#6c3fc5;color:#fff;padding:0 18px;font-size:16px}.sill-info{margin:10px 0 0;color:#6c3fc5;font-weight:700}.sill-info:empty{display:none}.sill-long-choice i{width:84px;height:58px;border:1px solid #bec9cf;background:var(--texture,#eee) center/cover}.sill-long-choice span{font-weight:700}.sill-long-choice{padding:9px}.sill-long-choice b{margin:-9px}.sill-drawing{position:relative;display:grid;place-items:center;overflow:hidden;background:#fafbfc}.sill-drawing #sill-svg{width:min(94%,900px);height:min(90%,680px)}.sill-drawing svg{width:100%;height:100%;display:block}.sill-summary h2{padding-bottom:16px;border-bottom:1px solid #d3dce1}.sill-summary dl>div{display:grid;grid-template-columns:46% 54%;padding:9px 0;border-bottom:1px solid #edf0f2}.sill-summary dt{font-weight:700}.sill-summary dd{margin:0;color:#198cda}.sill-total{margin:25px 0;display:grid;gap:5px}.sill-total strong{font-size:28px;color:#6c3fc5}.sill-total small{color:#697a86}.sill-summary>button,.sill-summary>a{width:100%;display:block;text-align:center;border:0;border-radius:5px;padding:15px;font-weight:700;font-size:16px;text-decoration:none}.sill-summary>button{background:#6c3fc5;color:#fff;cursor:pointer}.sill-summary>a{margin-top:10px;background:#e8ecef;color:#172f48}.sill-dialog{width:min(1120px,94vw);max-height:88vh;padding:0;border:0;border-radius:7px;box-shadow:0 20px 70px #172f4866}.sill-dialog::backdrop{background:#172f4877}.sill-dialog header{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid #d9e1e6}.sill-dialog header h2{margin:0}.sill-dialog header button{border:0;background:none;font-size:32px;cursor:pointer}.sill-model-grid,.sill-texture-grid{padding:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;max-height:72vh;overflow:auto}.sill-model-grid button,.sill-texture-grid button{min-height:190px;border:2px solid #d6e0e6;border-radius:6px;background:#fff;padding:12px;display:grid;gap:10px;align-content:start;text-align:left;cursor:pointer}.sill-model-grid button.selected,.sill-texture-grid button.selected{border-color:#6c3fc5;background:#f5f0ff}.sill-model-grid img{width:100%;height:120px;object-fit:contain}.sill-model-grid span{display:grid;gap:4px}.sill-model-grid small{color:#76858e}.sill-texture-grid i{height:125px;border:1px solid #c9d1d6;background:var(--texture,#eee) center/cover}.sill-texture-grid b{font-size:16px}.sill-texture-grid small{color:#6c3fc5}@media(max-width:1050px){.sill-layout{grid-template-columns:330px 1fr}.sill-summary{grid-column:1/-1;border-top:1px solid #ddd;height:auto;overflow:visible}.sill-layout{height:auto}.sill-options{overflow:visible}.sill-drawing{min-height:600px}}@media(max-width:720px){.sill-layout{display:block}.sill-options,.sill-summary{padding:20px}.sill-drawing{min-height:440px}.sill-two{grid-template-columns:1fr}.sill-model-grid,.sill-texture-grid{grid-template-columns:repeat(2,1fr);padding:12px}}
