.filter-container{margin-top:24px;display:flex;flex-direction:column;gap:8px}.filter-container>fieldset>legend{padding:0 4px}.filter-container>fieldset>.input-group{display:flex;align-items:center}.filter-container>fieldset>.input-group>input{flex:1;margin-right:8px;border:1px solid #e0e0e0;background-color:transparent;padding:6px 12px;border-radius:5px}.filter-container>fieldset>.input-group>button{flex-shrink:0;width:100px;height:32px;display:inline-block;text-align:center;background-color:gray;color:#fff;border-radius:5px;font-size:14px;outline:0;border:0}.filter-container>fieldset>.radio-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.filter-container>fieldset>.radio-group>label{padding:8px 12px;border-radius:5px;background-color:antiquewhite}.filter-container>fieldset>.radio-group>label>input[type=radio]{margin-right:4px}.mn{width:100%;padding:20px 25px;box-shadow:0 0 5px rgba(13,4,8,0.17);background-color:#f8f9fc;margin-top:12px}#result{width:100%;display:flex;flex-wrap:wrap;gap:20px}#result>.init{width:100%;padding:24px;text-align:center}#result>.styled-box{width:555px}#result>.styled-box:first-child{width:100%;color:#3296ff}#result>.styled-box:not(:first-child){border:1px dashed #e0e0e0;padding:24px;border-radius:5px}#result>.styled-box>.name-box{font-size:20px;color:#daae5f;text-align:center}#result>.styled-box>.frame-box{display:flex;width:100%;margin-top:12px;gap:12px}#result>.styled-box>.frame-box>.frame-left-box{width:160px;display:flex;align-items:flex-start;justify-content:center}#result>.styled-box>.frame-box>.frame-left-box>.image-box>img{max-width:100%}#result>.styled-box>.frame-box>.frame-right-box{flex:1;display:flex;flex-direction:column;align-items:center}#result>.styled-box>.frame-box>.frame-right-box>.x-box{display:flex;align-items:flex-start;gap:8px}#result>.styled-box>.frame-box>.frame-right-box>.x-box>.base-box{border-radius:5px;border:1px dashed #e0e0e0;padding:8px;font-size:12px}#result>.styled-box>.frame-box>.frame-right-box>.prop-box{margin-top:12px;color:#3296ff;border-radius:5px;border:1px solid #e0e0e0;width:100%;padding:12px;text-align:center}