.sfx-modal{width:min(850px,calc(100vw - 32px))}.sfx-editor{padding:28px;max-width:100%;overflow:hidden}.sfx-heading{display:flex;gap:20px;align-items:center;margin-bottom:24px}.sfx-heading>span{display:grid;place-items:center;background:#ead6dc;border:2px solid var(--ink,#292a38);box-shadow:4px 4px #292a38;width:68px;height:68px;flex-shrink:0;font-size:36px}.sfx-heading h1{margin:6px 0;font-size:26px}.sfx-heading p,.sfx-note{font-size:12px;line-height:1.6;color:#63675e}.sfx-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.sfx-toolbar>span{font-size:11px;padding-bottom:10px}.sfx-search{display:grid;gap:5px;flex:1;min-width:180px;font-size:11px}.sfx-search input,.sfx-name input{width:100%;min-width:0}.sfx-list{display:grid;gap:12px;max-height:46vh;overflow:auto;padding:3px 6px 8px 0}.sfx-card{border:1px solid #c9cbbf;background:#fffef5;padding:16px;min-width:0;box-shadow:2px 2px #d4d7c9}.sfx-card-top{display:flex;align-items:end;gap:12px}.sfx-name{display:grid;gap:5px;flex:1;min-width:0;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.sfx-name input{text-transform:none;letter-spacing:normal}.sfx-controls{display:grid;grid-template-columns:1fr 150px 145px;gap:20px;align-items:center;margin:18px 0 10px}.sfx-controls label{font-size:11px;display:grid;gap:7px}.sfx-controls output{float:right}.sfx-controls input[type=range]{width:100%}.sfx-controls .sfx-loop{display:flex;align-items:center;gap:7px}.sfx-card details{border-top:1px dashed #d4d6c9;padding-top:9px;font-size:10px}.sfx-card summary{cursor:pointer;color:#74736a}.sfx-card code{display:block;padding:12px;background:#efeee4;margin:8px 0;overflow-wrap:anywhere;user-select:all}.sfx-card small{display:block;color:#74736a}.sfx-empty{padding:45px 20px;text-align:center;background:#f0efe4;border:1px dashed #aaa99a;font-size:12px}.sfx-footer{display:flex;gap:12px;align-items:center;margin-top:18px}.sfx-footer p{flex:1;font-size:11px;line-height:1.6}.sfx-footer button{flex-shrink:0}@media(max-width:650px){.sfx-editor{padding:16px}.sfx-heading{gap:12px}.sfx-heading h1{font-size:21px}.sfx-controls{grid-template-columns:1fr 1fr}.sfx-controls .sfx-loop{grid-column:1/-1}.sfx-footer{flex-wrap:wrap}.sfx-footer p{flex-basis:100%}.sfx-card-top{gap:8px}}
.sfx-search input,.sfx-name input{font:13px inherit;background:#fffef9;border:1px solid #bfc1b5;border-radius:2px;padding:9px 10px;height:36px;font-family:inherit;font-size:12px}.sfx-search input:focus,.sfx-name input:focus{outline:2px solid #5967c5;outline-offset:1px}.sfx-controls{margin-top:12px}.sfx-controls label:first-child{grid-template-columns:1fr auto;gap:5px}.sfx-controls label:first-child input{grid-column:1/-1}.sfx-controls output{float:none}.sfx-card{padding:12px 14px}.sfx-card details{padding-top:7px}
.sfx-editor{display:flex;flex-direction:column;max-height:calc(94vh - 44px)}.sfx-heading,.sfx-toolbar,.sfx-note,.sfx-footer{flex-shrink:0}.sfx-heading{margin-bottom:16px}.sfx-list{flex:1;min-height:90px;max-height:none}.sfx-footer{margin-top:12px}.sfx-footer p{margin:0}.sfx-heading p{margin-bottom:0}