.wopf-panel{position:relative;left:auto;top:auto;width:100%;max-width:360px;height:auto;background:#f5f5f7;border:1px solid #ececf0;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:14px;box-sizing:border-box;overflow:visible}.wopf-panel--fixed{position:fixed;left:0;top:0;width:320px;max-width:none;height:100vh;border-radius:0;box-shadow:2px 0 15px rgba(0,0,0,.08);overflow-y:auto;z-index:1000}.wopf-head{display:flex;align-items:center;margin-bottom:12px}.wopf-title{margin:0;font-size:18px;font-weight:600;color:#2a2a2a}.wopf-form{display:grid;gap:8px}.wopf-form label{font-weight:500;color:#6d7380;font-size:12px}.wopf-form input,.wopf-form select{width:100%;height:40px;border:1px solid #d8dbe2;border-radius:8px;background-color:#f7f8fa;color:#828894;padding:0 12px;font-size:14px;box-sizing:border-box}.wopf-form select{padding:0 36px 0 12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20'%3E%3Cpath fill='%2331A3DD' d='M5.5 7.5 10 12l4.5-4.5 1.5 1.5-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px}.wopf-form input::placeholder{color:#b2b7c1}.wopf-form input:focus,.wopf-form select:focus{outline:none;border-color:#31a3dd;box-shadow:0 0 0 3px rgba(49,163,221,.15);background-color:#fff}.wopf-form input:active{border-color:#31a3dd}.wopf-actions{margin-top:8px;display:flex;gap:6px}.wopf-actions .button{flex:1;border-radius:8px;padding:8px 12px;font-size:13px;font-size:14px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.wopf-actions .button:first-child{background-color:#31a3dd;color:#fff}.wopf-actions .button:first-child:hover{background-color:#2888bd}.wopf-actions .button:last-child{background-color:#31a3dd;color:#fff}.wopf-actions .button:last-child:hover{background-color:#d8d8d8}@media (max-width:768px){.wopf-panel--fixed{position:relative;left:auto;top:auto;width:100%;max-width:100%;height:auto;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin-bottom:20px}}