/* Quiet exhibition surface; the artwork carries the color. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.popular-label{font-size:11px;color:#777180;margin:13px 0 0}.presets{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin-top:3px!important}.preset{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#library-toggle{display:flex;justify-content:space-between;width:100%;padding:12px 0;background:none;color:#9b969e;border:0;border-bottom:1px solid #29272a;font-size:12px;text-align:left}#library-toggle span{color:#67636e}#library{padding:16px 0 4px}.library-filter{display:flex;gap:12px}.library-filter input,.library-filter select{min-width:0;background:#101115;border:1px solid #323139;border-radius:5px;color:#c6c3ca;padding:10px;font:inherit;font-size:12px}.library-filter input{flex:1;width:50%}#library-count{font-size:11px;color:#807b87;margin:14px 0}#library-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:260px;overflow:auto}#library-results button,#library-more{padding:10px 2px;background:#121318;color:#aaa6b0;font-size:12px;border:1px solid #24252b;border-radius:4px}#library-results button:hover{color:#e4ecf5;border-color:#667b92;background:#1d2630}#library-more{margin-top:10px;width:100%}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid #abc3d9;outline-offset:3px}
#generation-code{min-width:0;max-width:65%;border:1px solid #39313c;background:#121114;color:#ddd;padding:8px;border-radius:5px}
:root{--pink:#dedbdd;--fg:#e6e3e5;--muted:#807c81;--line:#29272a}
body,main{background:#08090b}main{background-image:none}header{height:90px;padding-top:26px;padding-bottom:26px}.brand-icon,.brand-line,.aura,.scene-side,.scene-title p,.bottom-note span,.bottom-note i,footer{display:none}.brand strong{font-size:22px;font-weight:400;letter-spacing:7px}.preview-badge{border:0;color:#69666d;padding:0;letter-spacing:1px}.scene-meta{font-size:11px;color:#68656c;letter-spacing:1px}.live-dot{width:4px;height:4px;box-shadow:none;background:#8d373f}.stage{height:calc(100svh - 325px);min-height:420px;max-height:none}.scene-title{bottom:42px}.scene-title h1{font-family:inherit;font-size:20px;letter-spacing:6px;font-weight:300;color:#a19b9f;margin:0}.scene-footer{bottom:7px;color:#68656d;font-size:11px}.scene-footer button{border:0;background:none;color:#8e878f;padding:6px 12px;font-size:14px}.scene-footer button span{font-size:12px}.composer{width:600px;margin:15px auto 24px;padding:0 12px;background:none;border:0;border-radius:0;box-shadow:none}.composer-heading{margin:0 0 12px}.composer-heading h2{font-size:12px;letter-spacing:2px;color:#827c84}.composer-heading button{color:#827c84;font-size:12px}.composer-heading button span{display:none}form{border:0;border-bottom:1px solid #4b4248;border-radius:0;background:none;padding:0 0 10px}form:focus-within{border-color:#a77a80}form input{padding:10px 0;font-size:18px;font-weight:300;letter-spacing:1px}form input::placeholder{color:#68626c}.generate{background:none;color:#d7d0d4;padding:10px 0 10px 22px;font-size:14px;font-weight:400}.generate:hover{background:none;color:#fff}.generate span{font-size:21px}.presets{margin-top:14px;gap:0}.preset{border:0;border-radius:0;font-size:13px;padding:9px 5px;color:#6f6973}.preset .symbol{display:none}.preset:hover{background:none;color:#d8c9cf}.preset.active{background:none;border:0;color:#d4a3ad}.bottom-note{border:0;margin-top:9px;padding-top:7px;font-size:10px;letter-spacing:0;color:#5c5661;gap:7px}#settings{border-color:#29242c}#notice{background:#121114;border-color:#302830;color:#b4a4b1}.setting-line button{color:#aaa0ac}#unknown-actions button{background:#211b22;color:#c6b8c4}
@media(max-width:650px){header{height:76px;padding:20px 26px}.brand strong{font-size:20px}.preview-badge{font-size:10px}.stage{height:calc(100svh - 286px);min-height:370px}.scene-title{bottom:48px}.scene-title h1{font-size:19px}.composer{max-width:calc(100% - 40px);margin:12px auto 24px;padding:0 6px}.composer-heading h2{font-size:12px}.preset{font-size:12px}form input{font-size:16px}.bottom-note{font-size:10px}}
/* Readable controls without changing the quiet particle stage. */
.preview-badge,.scene-meta,.scene-footer,.bottom-note,.popular-label,#library-count{font-size:.75rem;color:#98939e;line-height:1.6}
.composer-heading h2,.composer-heading button,#library-toggle,.preset,.scene-footer button span{font-size:.875rem;color:#b7b0bb}
.composer-heading button,.scene-footer button,.preset,#library-toggle,#library-results button,#library-more{min-height:44px}
#library-toggle span{color:#aaa3af;font-size:.8125rem}
.library-filter input,.library-filter select,#library-results button,#library-more{font-size:.875rem;line-height:1.5}
.library-filter input{font-size:1rem}
#library-results button{color:#c5becb;padding:10px 4px;overflow-wrap:anywhere}
.bottom-note{flex-wrap:wrap;text-align:center}
.scene-title h1{color:#c2bac3}
#scene:focus-visible{outline:1px solid #8b91b7;outline-offset:-8px}
.swatch{width:36px;height:36px;border-width:7px}.swatches{gap:8px}
@media(max-width:650px){
  .stage{min-height:350px;height:calc(100svh - 332px)}
  .scene-footer{left:20px;right:20px;gap:6px;flex-wrap:wrap}.scene-footer>div{gap:2px}
  .scene-footer button{padding:6px 8px}.scene-footer button span{margin-left:3px}
  .composer{max-width:calc(100% - 32px);margin-top:10px}
  .presets{column-gap:3px}.preset{font-size:.875rem}
  #library-results{grid-template-columns:repeat(4,minmax(0,1fr))}
  .library-filter{gap:8px}.library-filter select{max-width:43%}
}
@media(max-width:360px){.scene-footer{justify-content:center}.scene-title{bottom:94px}.scene-footer>div{width:100%;justify-content:center}}
/* Let enlarged labels wrap instead of colliding in five fixed columns. */
.presets{grid-template-columns:repeat(auto-fit,minmax(min(3.5rem,100%),1fr))!important;gap:4px}
.preset{white-space:normal;overflow-wrap:anywhere;line-height:1.5;justify-content:center}
#library-toggle{gap:12px;align-items:center}#library-toggle span{flex-shrink:0;max-width:47%;text-align:right}
@media(max-width:360px){.scene-title{bottom:calc(4.5rem + 14px)}.stage{min-height:calc(280px + 7rem)}}
#music-toggle{min-height:44px;padding:8px 12px;border:1px solid #39343f;border-radius:24px;background:#111015;color:#bcb5c7;font-size:.875rem;white-space:nowrap}
#music-toggle[aria-pressed=true]{color:#d9c8fa;border-color:#6e5e87;background:#1a1621}
#music-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 18px;align-items:center;border-top:1px solid #302c36;margin-top:16px;padding-top:16px;font-size:.875rem;color:#bcb5c7}
#music-track{min-width:0;max-width:100%;padding:10px;background:#121116;border:1px solid #39343f;border-radius:6px;color:#ded8e6;font:inherit}
.music-volume-row{grid-column:1/-1;display:flex;align-items:center;gap:16px}.music-volume-row input{min-width:0;flex:1;accent-color:#bba3da;min-height:32px}.music-volume-row output{min-width:3ch;font-variant-numeric:tabular-nums}
#music-status{grid-column:1/-1;font-size:.75rem;line-height:1.5;margin:0;color:#aaa1b5}
@media(max-width:360px){#music-panel{gap:10px}header{gap:12px}#music-toggle{font-size:.8125rem;padding:8px}}