.pianoroll-wrapper{margin-top:2rem;border:1px solid #444;border-radius:8px;background:#1e1e1e;overflow:hidden;width:100%}.pianoroll-container{position:relative;overflow-x:auto;overflow-y:hidden;max-height:600px;display:flex}.pianoroll-sidebar{position:sticky;left:0;z-index:10;background:#2a2a2a;border-right:1px solid #555;flex-shrink:0;box-shadow:2px 0 5px #00000080}.pianoroll-row-label{display:flex;align-items:center;padding-left:10px;font-size:.8rem;color:#ccc;border-bottom:1px solid #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pianoroll-content{position:relative;flex-shrink:0}.pianoroll-row-bg{position:absolute;border-bottom:1px solid #333;left:0}.pianoroll-row-bg.even{background:#222}.pianoroll-row-bg.odd{background:#252525}.pianoroll-note{position:absolute;background:#4facfe;border-radius:2px;box-shadow:1px 1px 2px #00000080;border:1px solid #76baff}.pianoroll-note:hover{background:#76baff;cursor:pointer}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center;background:#111}.container{max-width:800px;width:100%;padding:2rem;text-align:center}.header h1{font-size:3.2em;line-height:1.1;background:linear-gradient(135deg,#eee,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.result-card{padding:2rem;border-radius:12px;background:#ffffff0d;margin-top:2rem;border:1px solid rgba(255,255,255,.1);animation:fadeIn .5s ease}.result-card.playable{border-color:#4caf50;background:#4caf501a}.result-card.impossible{border-color:#f44336;background:#f443361a}.result-card h2{font-size:2.5rem;margin:0 0 1rem}.issues-list{text-align:left;margin-top:1.5rem}.issues-list ul{padding-left:20px}.issues-list li{margin-bottom:.5rem;color:#ff8a80}.issues-list .time{font-weight:700;font-family:monospace;background:#0000004d;padding:2px 6px;border-radius:4px;margin-right:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}