.piano-atlas{--ink:#262626;--muted:#6b7280;--line:#dee2e6;--accent:#ffe54c;--atlas-background:#f7f7f7;background:var(--atlas-background);color:var(--ink);font-family:inherit;font-size:1rem;inset:0;line-height:1.3;overflow:hidden;position:fixed;z-index:100}.piano-atlas *,.piano-atlas :after,.piano-atlas :before{box-sizing:border-box}.piano-atlas button,.piano-atlas input{font:inherit}.piano-atlas button{background:none;border:0;color:inherit;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.piano-atlas a:focus-visible,.piano-atlas button:focus-visible,.piano-atlas input:focus-visible{outline:2px solid var(--ink)!important;outline-offset:3px}.piano-atlas button:hover{color:#000}.piano-atlas [hidden]{display:none!important}.piano-atlas h1,.piano-atlas h2,.piano-atlas p{margin:0}.piano-atlas h1,.piano-atlas h2{font-weight:700;letter-spacing:normal}.piano-atlas #piano-stage{inset:0;position:absolute}.piano-atlas #piano-stage canvas{display:block;height:100%;outline:none;touch-action:none;width:100%}.piano-atlas .atlas-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;left:32px;pointer-events:none;position:absolute;right:32px;top:24px;z-index:3}.piano-atlas .atlas-header>*{pointer-events:auto}.piano-atlas .atlas-eyebrow{color:var(--muted);font-size:.75rem;font-weight:700}.piano-atlas .atlas-brand h1{font-size:2rem;margin:0 0 6px}.piano-atlas .atlas-brand p{color:var(--muted);font-size:.875rem}.piano-atlas .atlas-modes{background:#fff;border:1px solid var(--line);border-radius:999px;display:flex;padding:4px}.piano-atlas .atlas-modes button{border-radius:999px;font-size:.875rem;font-weight:600;padding:9px 16px;white-space:nowrap}.piano-atlas .atlas-modes button:hover{background:#f1f3f4}.piano-atlas .atlas-modes button.is-active{background:var(--ink);color:#fff}.piano-atlas .atlas-search-wrap{display:flex;position:relative}.piano-atlas .atlas-search{align-items:center;background:#fff;border:1px solid #7f8588;border-radius:999px;display:flex;gap:8px;margin:0;padding:10px 14px}.piano-atlas .atlas-search>span{font-size:20px;line-height:1}.piano-atlas .atlas-search input{background:none;border:none;color:var(--ink);font-size:.875rem;width:150px}.piano-atlas .atlas-search input::-moz-placeholder{color:var(--muted);opacity:1}.piano-atlas .atlas-search input::placeholder{color:var(--muted);opacity:1}.piano-atlas .atlas-search kbd{background:#f1f3f4;color:var(--muted);font-size:.75rem;padding:1px 5px}.piano-atlas .atlas-search:focus-within{border-color:var(--ink)}.piano-atlas .atlas-icon-button{background:#f1f3f4;border-radius:50%;font-size:20px;height:32px;width:32px}.piano-atlas .atlas-icon-button:hover{background:#e2e8f0}.piano-atlas .atlas-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.piano-atlas .atlas-systems{left:32px;max-height:calc(100% - 235px);overflow:auto;padding:18px 16px 12px;position:absolute;top:148px;width:240px;z-index:2}.piano-atlas .panel-heading{align-items:center;display:flex;justify-content:space-between}.piano-atlas .panel-heading h2{font-size:1rem}.piano-atlas .panel-heading>span{background:#f1f3f4;border-radius:.25rem;color:var(--muted);font-size:.75rem;padding:3px 8px}.piano-atlas #systems-toggle,.piano-atlas .atlas-systems.is-collapsed #system-list,.piano-atlas .atlas-systems.is-collapsed .atlas-segment,.piano-atlas .atlas-systems.is-collapsed .systems-footer{display:none}.piano-atlas .atlas-segment{display:flex;gap:4px;margin:14px 0 10px}.piano-atlas .atlas-segment button{border:1px solid var(--line);border-radius:999px;font-size:.875rem;padding:7px;width:50%}.piano-atlas .atlas-segment button:hover{background:#f1f3f4}.piano-atlas .atlas-segment button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.piano-atlas .system-row{align-items:center;display:flex;font-size:.875rem;gap:8px;padding:9px 0;text-align:left;width:100%}.piano-atlas .system-row .system-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.piano-atlas .system-row .system-name{flex:1}.piano-atlas .system-row small{color:var(--muted);font-size:.75rem}.piano-atlas .system-row .system-switch{background:#b9bec7;border-radius:999px;flex-shrink:0;height:16px;position:relative;width:30px}.piano-atlas .system-row .system-switch:after{background:#fff;border-radius:50%;content:"";height:12px;left:2px;position:absolute;top:2px;transition:transform .2s;width:12px}.piano-atlas .system-row[aria-checked=true] .system-switch{background:var(--ink)}.piano-atlas .system-row[aria-checked=true] .system-switch:after{transform:translateX(14px)}.piano-atlas .systems-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:.75rem;justify-content:space-between;margin-top:10px;padding-top:10px}.piano-atlas .systems-footer button{font-size:.75rem;padding:3px;text-decoration:underline}.piano-atlas .atlas-detail{max-height:calc(100% - 180px);overflow:auto;padding:22px;position:absolute;right:32px;top:125px;width:300px;z-index:2}.piano-atlas .atlas-detail h2{font-size:1.5rem;line-height:1.2;margin:7px 0 14px}.piano-atlas .atlas-detail>p{color:#4b4b4b;font-size:.875rem;line-height:1.5}.piano-atlas .atlas-detail dl{border-top:1px solid var(--line);display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:18px 0;padding-top:16px}.piano-atlas .atlas-detail dt{color:var(--muted);font-size:.75rem;font-weight:700;margin-bottom:5px}.piano-atlas .atlas-detail dd{font-size:.875rem;margin:0}.piano-atlas .detail-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:14px}.piano-atlas .detail-number{color:var(--muted);font-size:.75rem}.piano-atlas .detail-related{border-top:1px solid var(--line);margin-bottom:18px;padding-top:13px}.piano-atlas .detail-related button{border:1px solid #7f8588;border-radius:999px;font-size:.75rem;margin:8px 4px 0 0;padding:6px 10px}.piano-atlas .detail-related button:hover{background:#f1f3f4}.piano-atlas .atlas-primary{background:var(--ink);border:1px solid var(--ink);border-radius:2rem;color:#fff;font-size:1rem;padding:10px 16px;text-align:left;width:100%}.piano-atlas .atlas-primary span{float:right}.piano-atlas .atlas-primary:hover{background:#000;color:#fff}.piano-atlas .atlas-text-button{border:1px solid #7f8588;border-radius:2rem;display:block;font-size:.875rem;margin:8px auto 0;padding:9px 12px;width:100%}.piano-atlas .atlas-text-button:hover{background:#f1f3f4}.piano-atlas .atlas-tools{display:flex;flex-direction:column;gap:3px;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:2}.piano-atlas .atlas-tools button{border-radius:50%;font-size:18px;height:32px;width:32px}.piano-atlas .atlas-tools button#toggle-labels{font-size:.875rem}.piano-atlas .atlas-tools button.is-active{background:var(--ink);color:#fff}.piano-atlas .atlas-tools>span{border-top:1px solid var(--line);margin:2px 4px}.piano-atlas .atlas-bottom{align-items:stretch;bottom:60px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.piano-atlas .atlas-explode{padding:16px 18px 12px;width:290px}.piano-atlas .explode-heading{align-items:center;display:flex;font-size:.875rem;gap:12px;justify-content:space-between}.piano-atlas .explode-heading label{margin:0}.piano-atlas .explode-heading output{font-size:1rem;font-weight:700}.piano-atlas .explode-heading output span{color:var(--muted);font-size:.75rem;margin-left:3px}.piano-atlas input[type=range]{accent-color:var(--ink);cursor:pointer;display:block;height:4px;margin:16px 0 10px;width:100%}.piano-atlas .explode-footer{color:var(--muted);display:flex;font-size:.75rem;justify-content:space-between}.piano-atlas .atlas-lid{align-items:center;display:flex;font-size:.875rem;gap:10px;padding:14px 18px;text-align:left}.piano-atlas .atlas-lid>span:first-child{font-size:24px}.piano-atlas .atlas-lid small{color:var(--muted);display:block;font-size:.75rem;margin-top:4px}.piano-atlas .atlas-lid:hover{background:#f1f3f4}.piano-atlas .atlas-footer{bottom:18px;color:var(--muted);display:flex;font-size:.75rem;justify-content:space-between;left:32px;position:absolute;right:32px}.piano-atlas .atlas-footer i{font-style:normal;margin:0 8px}.piano-atlas .atlas-footer a{color:inherit;text-decoration:none}.piano-atlas .atlas-footer a:hover{text-decoration:underline}.piano-atlas .atlas-tooltip{background:var(--ink);border-radius:.25rem;color:#fff;font-size:.875rem;padding:8px 12px;pointer-events:none;position:absolute;z-index:4}.piano-atlas .atlas-labels{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.piano-atlas .atlas-labels button{background:#fff;border:1px solid #7f8588;border-radius:.25rem;font-size:.75rem;padding:5px 8px;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);white-space:nowrap}.piano-atlas .atlas-search-results{background:#fff;border:1px solid var(--line);border-radius:.75rem;box-shadow:0 6px 24px rgba(0,0,0,.14);max-height:330px;overflow:auto;padding:7px;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:5}.piano-atlas .atlas-search-results button{border-radius:.4rem;display:block;font-size:.875rem;padding:10px 12px;text-align:left;width:100%}.piano-atlas .atlas-search-results button:hover{background:#f1f3f4}.piano-atlas .atlas-search-results button small{color:var(--muted);display:block;font-size:.75rem;margin-top:3px}.piano-atlas .atlas-search-results p{font-size:.875rem;padding:14px}.piano-atlas .atlas-fallback,.piano-atlas .atlas-loading{background:#fff;border:1px solid var(--line);border-radius:12px;left:50%;padding:24px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.piano-atlas .atlas-loading span{animation:atlas-load 1s infinite alternate;background:var(--accent);display:block;height:3px;margin-top:12px}@keyframes atlas-load{0%{transform:scaleX(.2)}to{transform:scaleX(1)}}@media (max-width:1100px){.piano-atlas .atlas-header{left:20px;right:20px}.piano-atlas .atlas-modes{left:50%;position:absolute;top:84px;transform:translateX(-50%)}.piano-atlas .atlas-systems{left:20px;top:165px;width:225px}.piano-atlas .atlas-detail{right:20px;top:165px;width:280px}.piano-atlas .atlas-footer{left:20px;right:20px}}@media (max-width:640px){.piano-atlas #systems-toggle{display:block;font-size:20px;margin-left:auto;padding:0 6px}.piano-atlas #system-count{display:none}.piano-atlas .atlas-header{gap:12px;left:12px;right:12px;top:18px}.piano-atlas .atlas-brand h1{font-size:1.625rem}.piano-atlas .atlas-brand p{font-size:.75rem;max-width:180px}.piano-atlas .atlas-search{gap:5px;padding:10px}.piano-atlas .atlas-search input{font-size:.8125rem;width:100px}.piano-atlas .atlas-search kbd{display:none}.piano-atlas .atlas-search-results{width:260px}.piano-atlas .atlas-modes{top:86px}.piano-atlas .atlas-modes button{font-size:.8125rem;padding:9px 14px}.piano-atlas .atlas-systems{left:12px;max-height:calc(100% - 320px);padding:12px;top:161px;width:215px}.piano-atlas .atlas-systems.is-collapsed{width:160px}.piano-atlas .system-row{font-size:.8125rem;padding:8px 0}.piano-atlas .atlas-bottom{bottom:48px;gap:8px;max-width:calc(100% - 24px);width:360px}.piano-atlas .atlas-explode{flex:1;min-width:0;padding:12px;width:auto}.piano-atlas .explode-heading{font-size:.8125rem;gap:5px}.piano-atlas .explode-footer{font-size:.6875rem}.piano-atlas .atlas-lid{font-size:.8125rem;gap:6px;padding:10px}.piano-atlas .atlas-lid small{font-size:.6875rem}.piano-atlas .atlas-detail{bottom:155px;max-height:45%;padding:18px;right:12px;top:auto;width:calc(100% - 24px);z-index:4}.piano-atlas .atlas-footer{bottom:15px;font-size:.625rem;justify-content:center;left:8px;right:8px}.piano-atlas .atlas-footer i{margin:0 4px}.piano-atlas .atlas-footer>span:last-child{display:none}.piano-atlas .atlas-labels button{font-size:.625rem;line-height:1.2;max-width:82px;padding:4px;white-space:normal}}