/* Compact studio surfaces. Functional states and native focus stay visible. */
#btn-inspire{color:#c9eee0;border-color:#376258;background:#203b36;gap:5px}
#btn-inspire[data-locked="true"]{color:var(--muted);background:var(--surface);border-color:var(--border2);cursor:help}
#btn-inspire.inspire-highlight{outline:2px solid #8ed9bd;outline-offset:3px}
.inspire-modal,.inspire-reward{box-sizing:border-box;color:#efedf5;background:#191722;border:1px solid #4a425b;border-radius:16px;font-family:inherit;box-shadow:0 24px 80px #0008}
.inspire-modal{width:min(680px,calc(100vw - 32px));max-width:680px;max-height:calc(100dvh - 40px);padding:0;overflow:hidden}
.inspire-modal::backdrop,.inspire-reward::backdrop{background:#08070dc4;backdrop-filter:blur(4px)}
.inspire-modal [hidden]{display:none!important}
.inspire-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.inspire-modal button,.inspire-modal input,.inspire-modal select,.inspire-reward button{font:inherit;font-size:13px}
.inspire-modal button,.inspire-reward button{min-height:38px;padding:9px 13px;border:1px solid #494151;border-radius:8px;background:#27232f;color:#eeebf4;cursor:pointer;transition:background .15s,border-color .15s}
.inspire-modal button:hover:not(:disabled),.inspire-reward button:hover{background:#342d41;border-color:#8c789f}
.inspire-modal button:disabled{opacity:.45;cursor:default}
.inspire-modal :focus-visible,.inspire-reward :focus-visible{outline:2px solid #94dfcc;outline-offset:3px}
.inspire-header{display:flex;align-items:center;justify-content:space-between;padding:23px 26px 18px;background:#1e1a29}
.inspire-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:650}
.inspire-title-mark{font-size:21px;font-weight:400;color:#8bd0bf}
.inspire-header #inspire-close{display:grid;place-items:center;width:34px;min-height:34px;padding:0;border-color:transparent;background:transparent;color:#afa4bc;font-size:25px;font-weight:300}
.inspire-header #inspire-close:hover{background:#302838;color:#fff}
.inspire-scroll{box-sizing:border-box;padding:4px 26px 24px;overflow:auto;max-height:calc(100dvh - 125px);scrollbar-width:thin;scrollbar-color:#51435f #191722}
.inspire-source-tabs{display:flex;gap:4px;margin:0 0 18px;padding:4px;border:1px solid #352e42;background:#121018;border-radius:10px}
.inspire-source-tabs button{flex:1;min-height:36px;padding:7px 12px;border-color:transparent;background:transparent;color:#aaa0b8;font-size:13px}
.inspire-source-tabs button[aria-selected="true"]{color:#f1e9ff;background:#342940;border-color:#51405e}
.inspire-catalogue-sources{display:flex;gap:5px;margin:0 0 10px}
.inspire-catalogue-sources button{min-height:30px;padding:5px 10px;border-color:transparent;background:transparent;color:#a69ab6;font-size:12px}
.inspire-catalogue-sources button[aria-pressed="true"]{border-color:#544365;background:#2b2335;color:#e9dafa}
.inspire-search-label{display:block;font-size:12px;color:#c1b8cf;margin:0 0 8px}
.inspire-search-row{display:flex;gap:8px}
.inspire-modal input:not([type="checkbox"]):not([type="range"]):not([type="file"]),.inspire-modal select{box-sizing:border-box;min-width:0;min-height:40px;padding:10px 12px;border:1px solid #4d415c;border-radius:8px;color:#f0eaf7;background:#121018}
.inspire-modal input::placeholder{color:#978ba8;opacity:1}
.inspire-search-row input{flex:1;font-size:15px}
.inspire-search-row #inspire-query{min-height:46px}
.inspire-search-row #inspire-search{min-width:82px;background:#76539c;border-color:#8b69af;font-weight:600}
.inspire-search-row #inspire-search:hover:not(:disabled){background:#8962b0;border-color:#b08acf}
.inspire-search-link{display:flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid #70515c;border-radius:8px;background:#39232e;text-decoration:none;font-size:12px;white-space:nowrap}
.inspire-modal .inspire-search-link{color:#f1d5df}
.inspire-provider-status{font-size:12px;line-height:1.5;color:#bcb0cb;margin:10px 0}
.inspire-youtube-form{padding:13px;margin:12px 0;border:1px solid #403449;border-radius:10px;background:#211b2b}
.inspire-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 15px}
.inspire-suggestions button{min-height:28px;font-size:11px;padding:5px 10px;border-color:#3b3245;background:transparent;border-radius:99px;color:#c0b0ce}
#inspire-search-back{min-height:30px;margin:0 0 10px;padding:6px 10px;font-size:12px}
.inspire-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:min(37vh,300px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#665274 #191722}
.inspire-result-heading{grid-column:1/-1;font-size:12px;font-weight:500;margin:12px 0 2px;color:#b9a8c9}
.inspire-modal .inspire-result{display:flex;gap:10px;align-items:center;text-align:left;min-width:0;background:#241e2e}
.inspire-result-card{display:flex;flex-direction:column;min-width:0;border:1px solid #44364f;border-radius:10px;overflow:hidden;background:#241e2e}
.inspire-modal .inspire-result-card .inspire-result{flex:1;width:100%;min-height:68px;border:0;border-radius:0}
.inspire-result-mark{display:grid;place-items:center;flex-shrink:0;width:29px;height:32px;background:#362741;color:#c2a7d8;border-radius:7px;font-size:17px}
.inspire-result>span:last-child{min-width:0}
.inspire-result strong,.inspire-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inspire-result strong{font-size:13px;font-weight:550}
.inspire-result small{font-size:11px;color:#b6a8c5;margin-top:5px}
.inspire-result-card:has(.inspire-result[aria-pressed="true"]){border-color:#76b9a8}
.inspire-modal .inspire-result[aria-pressed="true"]{background:#24372f;box-shadow:inset 2px 0 #8ac7b4}
.inspire-modal .inspire-result-listen,.inspire-result-youtube{display:block;margin:0;min-height:32px;text-align:center;border:0;border-top:1px solid #44364f;border-radius:0;padding:7px 12px;font-size:11px;background:#2b2334;text-decoration:none}
#inspire-more{width:100%;margin-top:10px;color:#d7c2ec;border-color:#59446c;background:transparent}
#inspire-retry{margin-left:8px;color:#dec8ee;border-color:#655077}
.inspire-reference-fallback{display:inline-block;margin:10px 0 10px 12px;font-size:12px}
.inspire-attribution,.inspire-note{font-size:11px;line-height:1.6;color:#a99ab8;margin:12px 0 0}
.inspire-modal a{color:#c1abd9;text-underline-offset:3px}
.inspire-details{margin:10px 0;color:#b9a8c8;font-size:11px}
.inspire-details summary{display:inline-block;cursor:pointer;color:#ab99bb;min-height:26px;line-height:26px}
.inspire-details summary::after{content:' +';color:#796888}
.inspire-details[open] summary::after{content:' −'}
.inspire-evidence{font-size:12px;line-height:1.6;color:#c9bbd6;margin:5px 0 12px}
.inspire-status{font-size:12px;line-height:1.5;color:#9bdcc4;margin:13px 0;min-height:0}
.inspire-status:empty{display:none}
.inspire-status.error{color:#f4aaa9}
#inspire-progress{display:block;width:100%;height:6px;margin:10px 0 12px;accent-color:#87cbb8}
.inspire-listening{margin-top:20px;padding:16px;border:1px solid #4c3c58;border-radius:12px;background:#211b2b}
.inspire-listening header{display:flex;justify-content:space-between;align-items:start;gap:14px}
.inspire-listening h3{font-size:18px;line-height:1.35;font-weight:550;margin:8px 0;overflow-wrap:anywhere}
.inspire-listening header p{font-size:12px;margin:0 0 12px;color:#b6a8c5}
.inspire-listening header a{flex-shrink:0;font-size:11px}
.inspire-listen-actions{display:flex;gap:8px;flex-wrap:wrap}
.inspire-modal #inspire-listen-song{background:#3d2936;border-color:#715163;color:#f2dbe4}
.inspire-song-player{width:100%;min-width:200px;min-height:200px;aspect-ratio:16/9;margin-top:14px;background:#0b0910;border-radius:9px;overflow:hidden}
.inspire-song-player iframe,.inspire-song-player>div{width:100%;height:100%;min-width:200px;min-height:200px;border:0;display:block}
.inspire-permission{display:flex;align-items:center;gap:10px;font-size:12px;margin:3px 0 18px;line-height:1.5;color:#c9bbd6}
.inspire-permission input{accent-color:#87cbb8;width:17px;height:17px;flex-shrink:0}
.inspire-file-label{display:block;padding:22px 16px;border:1px dashed #6b537d;border-radius:12px;font-size:14px;color:#ddc9ec;background:#211a2b}
.inspire-file-label input{display:block;margin-top:15px;width:100%;font-size:12px;color:#baa9ca}
.inspire-file-label input::file-selector-button{padding:8px 11px;margin-right:10px;border:1px solid #5f4774;border-radius:7px;background:#342640;color:#e2cdef;font:inherit;cursor:pointer}
#inspire-blueprint{scroll-margin-top:12px}
.inspire-selected{margin-top:22px;border-top:1px solid #403448;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.inspire-selected h3{font-size:22px;line-height:1.3;letter-spacing:-.4px;font-weight:550;margin:9px 0 6px;word-break:break-word}
.inspire-selected p{margin:0;color:#b8a8c8;font-size:12px}
.inspire-selected a{font-size:11px;flex-shrink:0}
.inspire-eyebrow{font-size:10px;font-weight:600;letter-spacing:.04em;color:#9ccbbb}
.inspire-settings{display:grid;grid-template-columns:1.35fr .65fr .9fr 1fr;gap:10px;padding:12px 0 16px}
.inspire-settings label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#b7a6c7;min-width:0}
.inspire-settings select,.inspire-settings input{width:100%;font-size:12px}
.inspire-settings input[type="range"]{margin:10px 0 0;accent-color:#b696ce}
.inspire-settings output{color:#d6bde8;text-align:right;font-size:11px}
.inspire-sounds,.inspire-measurements{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.inspire-sounds>div,.inspire-measurements>div{padding:11px 10px;border:1px solid #403349;border-radius:8px;background:#211b2a;min-width:0}
.inspire-sounds span,.inspire-measurements span{display:block;font-size:10px;margin-bottom:7px;color:#a999bb}
.inspire-sounds strong,.inspire-measurements strong{font-size:11px;line-height:1.45;display:block;color:#e5d9ed;font-weight:550}
.inspire-sounds [data-role="drums"]{border-top-color:#ad8b71}.inspire-sounds [data-role="bass"]{border-top-color:#9c7ebc}.inspire-sounds [data-role="harmony"]{border-top-color:#6bada9}.inspire-sounds [data-role="melody"]{border-top-color:#9baa78}
.inspire-measurements{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 4px}
.inspire-measurements:empty{display:none}.inspire-measurements>.inspire-note{grid-column:1/-1;margin:4px 0}
.inspire-groove{display:flex;gap:4px;align-items:end;height:26px;margin:13px 0 17px}
.inspire-groove-step{flex:1;height:calc(3px + var(--hit)*21px);background:#4f405c;border-radius:2px}
.inspire-groove-step[data-active="true"]{background:#ad8b71}.inspire-groove-step:nth-child(4n+1){border-left:1px solid #b5a2c4}
.inspire-sections{display:flex;gap:4px;overflow:auto;scrollbar-width:thin}
.inspire-sections>div{min-width:52px;border-radius:6px;padding:9px 5px;text-align:center;background:#2d2337;border:1px solid #493653}
.inspire-sections strong,.inspire-sections small{display:block;font-size:10px;font-weight:500}.inspire-sections small{color:#aa96bc;margin-top:5px}
.inspire-preview-actions,.inspire-created-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.inspire-preview-actions button{font-size:12px;padding:8px 11px}
.inspire-modal #inspire-preview{color:#bde7d8;border-color:#577e70;background:#24392f}
.inspire-bundle-ready{margin-top:15px;padding:15px;border:1px solid #446d5f;border-radius:10px;background:#1d2c26}
.inspire-bundle-ready strong{font-size:14px;font-weight:550;color:#c7eada}.inspire-bundle-ready p{font-size:11px;color:#b4cabe;line-height:1.5;margin:7px 0 0}.inspire-bundle-ready .inspire-preview-actions{margin-top:12px}
.inspire-bundle-new>.folder-header{background:#28392f;border:1px solid #7ba18e;color:#e2eee7;box-shadow:inset 3px 0 #85b59c}
.inspire-modal .inspire-create,.inspire-reward .inspire-create{display:block;width:100%;margin-top:17px;background:#386e5b;border-color:#619480;color:#f1faf6;font-weight:600;font-size:14px;padding:12px}
.inspire-modal .inspire-create:hover:not(:disabled),.inspire-reward .inspire-create:hover{background:#44836c;border-color:#87b9a4}
.inspire-created{border:1px solid #476f5d;border-radius:12px;background:#1e2a24;padding:18px;margin-top:18px}.inspire-created h3{margin:0 0 8px;font-size:21px;font-weight:550}.inspire-created p{font-size:12px;line-height:1.6;color:#b8d0c0;margin:0}.inspire-created-actions #inspire-play-song{background:#335b46;border-color:#648c73}
.inspire-reward{padding:27px;width:min(400px,calc(100vw - 32px));text-align:center}.inspire-reward h2{font-size:25px;font-weight:550;margin:7px 0 20px;line-height:1.3}.inspire-reward .inspire-later{margin-top:10px;background:transparent;border-color:transparent}
.inspire-pointer{position:fixed;z-index:3000;pointer-events:none;padding:8px 11px;background:#c9e8da;color:#203c30;border:1px solid #83ae97;border-radius:8px;font:600 12px system-ui}
@media(max-width:600px){.inspire-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:13px}.inspire-header{padding:20px 18px 16px}.inspire-header h2{font-size:28px}.inspire-scroll{padding:4px 18px 20px;max-height:calc(100dvh - 103px)}.inspire-results{grid-template-columns:1fr}.inspire-settings{grid-template-columns:1fr 1fr}.inspire-sounds{grid-template-columns:1fr 1fr}.inspire-listening header{flex-wrap:wrap}.inspire-search-row{flex-wrap:wrap}.inspire-search-row input{min-width:150px}.inspire-youtube-form .inspire-search-row input{flex-basis:100%}.inspire-selected{align-items:start}.inspire-settings select,.inspire-settings input,.inspire-search-row input{font-size:16px}.inspire-preview-actions button{flex:1 1 40%}}
@media(prefers-reduced-motion:reduce){.inspire-modal button,.inspire-reward button{transition:none}}
