.generator-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.generator-filters label{display:grid;gap:4px;font-weight:600;font-size:.9rem}.generator-filters input:not([type=checkbox]),.generator-filters select{font:inherit;width:100%;min-height:44px;padding:.4rem;border:1px solid var(--edge);border-radius:4px;background:var(--paper);color:var(--ink)}.generator-filters .generator-check{display:flex;align-items:center}.generator-check input{width:18px;height:18px}#playlist-generator{border:1px solid var(--edge);border-left:4px solid var(--blue);padding:22px;margin:26px 0}#playlist-generator button{font:inherit;padding:.5rem 1rem;margin-top:12px;cursor:pointer}#generator-results{margin:36px 0}.generator-results li{padding:.5rem 0;border-bottom:1px solid var(--edge)}

#playlist-generator button,.generator-download{font:inherit;font-weight:600;padding:.6rem 1rem;border:1px solid #1681b0;border-radius:4px;background:var(--blue,#5bc0eb);color:#080809;cursor:pointer}#playlist-generator button:hover,.generator-download:hover{background:#fde74c;border-color:#b19b00}#playlist-generator button:focus-visible,.generator-download:focus-visible{outline:3px solid #1780ad;outline-offset:3px}#playlist-generator button:disabled{opacity:.55;cursor:wait}.generator-download{margin-top:1rem}

#playlist-generator{border-left-color:#5bc0eb;background:var(--paper,#fff)}.generator-filters{align-items:start}.generator-filters .generator-check{align-self:end;min-height:44px;margin:0;gap:.5rem}.generator-filters select[multiple]{min-height:150px;max-height:170px}.generator-filters select[multiple] option{padding:.3rem .4rem}#playlist-generator button,.generator-download{background:#5bc0eb;border-color:#1780ad;color:#080809}

.generator-picker{min-width:0}.generator-picker-label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px}.generator-picker details{position:relative}.generator-picker summary{cursor:pointer;border:1px solid var(--edge,#d6d9df);border-radius:4px;padding:.55rem .7rem;min-height:44px;box-sizing:border-box}.generator-picker details[open]{z-index:2}.generator-picker details>label,.picker-options,.generator-picker .picker-clear{margin-top:.5rem}.picker-options{max-height:180px;overflow:auto;border:1px solid var(--edge,#d6d9df);padding:.4rem}.generator-filters .picker-options label{display:flex;align-items:center;gap:.6rem;padding:.35rem;font-weight:400}.picker-options label[hidden]{display:none}.generator-picker input[type=checkbox]{width:18px;height:18px}.generator-actions{display:flex;gap:.75rem;flex-wrap:wrap}#playlist-generator .picker-clear{font-size:.8rem;margin-top:.5rem;padding:.35rem .6rem;background:var(--paper,#fff);color:inherit}.generator-actions #generator-lucky{background:var(--paper,#fff);color:inherit;border-color:#1681b0}.generator-actions #generator-lucky:hover{background:#fde74c;color:#080809}

.generator-filters input:not([type=checkbox]),.generator-filters select{font-weight:400;border-color:#5bc0eb}.generator-picker summary{border-color:#5bc0eb;font-weight:400}.generator-size input{max-width:120px}.generator-size small{font-weight:400;color:var(--darkgray,#52616b);font-size:.75rem}.generator-filters .generator-check{align-self:center}

#playlist-generator input:focus-visible,#playlist-generator select:focus-visible,#playlist-generator summary:focus-visible{outline:3px solid #5bc0eb;outline-offset:2px}#playlist-generator .generator-presets{display:flex;gap:.35rem;margin-top:.25rem}#playlist-generator .generator-presets button{margin:0;padding:.25rem .6rem;font-size:.8rem;background:var(--paper,#fff);color:inherit;border:1px solid #5bc0eb}#playlist-generator .generator-presets button:hover{background:#5bc0eb;color:#080809}