.harmo-arrangement{width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;border:1px solid #c4d2e3;border-radius:20px;padding:24px;background:#f7faff;color:#20364d;box-shadow:0 24px 80px #10223855}
.harmo-arrangement::backdrop{background:#10223888}.harmo-arrangement h2{margin:0 0 12px;font-size:25px}.harmo-arrangement p{line-height:1.5}.harmo-arrangement fieldset{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #c4d2e3;border-radius:12px;margin:16px 0;padding:16px;background:white}.harmo-arrangement label{display:flex;flex-direction:column;gap:7px;flex:1;min-width:125px;font-weight:600}.harmo-arrangement input,.harmo-arrangement select,.harmo-arrangement button{font:inherit;color:inherit;border:1px solid #bbcbdc;border-radius:9px;background:white;padding:11px;min-height:44px;box-sizing:border-box}.harmo-arrangement input{width:100%}.harmo-arrangement select{max-width:100%;width:100%}.harmo-arrangement button{cursor:pointer}.harmo-arrangement .ha-confirm{background:#2864b2;color:white;border-color:#2864b2}.harmo-arrangement .ha-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;position:sticky;bottom:-24px;padding:16px 0;background:#f7faff}.harmo-arrangement .ha-error{color:#a52238}.harmo-arrangement .ha-preview{max-height:260px;overflow:auto;background:white}.harmo-arrangement .ha-preview svg{max-width:100%;height:auto}.harmo-arrangement button:focus-visible,.harmo-arrangement input:focus-visible,.harmo-arrangement select:focus-visible{outline:3px solid #e6ac34;outline-offset:2px}@media(max-width:600px){.harmo-arrangement{padding:16px}.harmo-arrangement fieldset{padding:12px}.harmo-arrangement .ha-actions{bottom:-16px}.harmo-arrangement .ha-confirm{width:100%}}