.hsf-backdrop{z-index:10000;background:#241c0d26;position:fixed;inset:0}.hsf-panel{--hsf-bg:#fffaf0;--hsf-soft:#f5eddc;--hsf-line:#e6d8bd;--hsf-text:#302519;--hsf-muted:#8b7c64;z-index:10001;background:var(--hsf-bg);width:min(590px,100vw - 28px);max-height:calc(100dvh - 130px);color:var(--hsf-text);border:1px solid var(--hsf-line);box-sizing:border-box;border-radius:20px;padding:24px;position:fixed;overflow:auto;box-shadow:0 20px 65px #32240e30}.hsf-panel *{box-sizing:border-box}html[data-theme=dark] .hsf-panel{--hsf-bg:#242018;--hsf-soft:#30291f;--hsf-line:#4c3d27;--hsf-text:#eee4d0;--hsf-muted:#b6a58b}.hsf-panel header{align-items:center;gap:12px;margin-bottom:22px;display:flex}.hsf-icon{color:#b68119;background:#e8ba3e20;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.hsf-panel header>div{flex:1}.hsf-panel h2{margin:0 0 5px;font-size:19px;font-weight:700;line-height:1.4}.hsf-panel header p{color:var(--hsf-muted);margin:0;font-size:12px;line-height:1.5}.hsf-panel button{font:inherit;cursor:pointer}.hsf-panel header button{border:1px solid var(--hsf-line);background:var(--hsf-soft);width:32px;height:32px;color:var(--hsf-muted);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.hsf-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hsf-fields label{gap:8px;min-width:0;font-size:12px;font-weight:600;display:grid}.hsf-wide{grid-column:1/-1}.hsf-fields input,.hsf-fields select{border:1px solid var(--hsf-line);background:var(--hsf-soft);width:100%;min-width:0;color:var(--hsf-text);font:inherit;border-radius:9px;padding:11px;font-size:13px}.hsf-fields select{cursor:pointer}.hsf-panel footer{border-top:1px solid var(--hsf-line);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:18px;display:flex}.hsf-panel footer button{border:1px solid var(--hsf-line);background:var(--hsf-soft);color:var(--hsf-muted);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:600;display:inline-flex}.hsf-panel footer .hsf-apply{color:#35240b;background:linear-gradient(120deg,#f3d57d,#dfab24);border-color:#d5a22b}.hsf-panel :is(button,input,select):focus-visible{outline-offset:2px;outline:2px solid #d5a52d}.hsf-error{color:#b84c3e;font-size:12px}@media (max-width:640px){.hsf-panel{border-radius:16px;max-height:calc(100dvh - 110px);padding:18px}.hsf-panel h2{font-size:17px}.hsf-fields{gap:13px 10px}.hsf-fields input,.hsf-fields select{padding:10px;font-size:12px}.hsf-panel footer button{padding:11px;font-size:11px}}
