*{box-sizing:border-box}body{margin:0;background:#16120c;color:#e8dfc8;font-family:system-ui,-apple-system,sans-serif;font-size:14px}.app{display:flex;flex-direction:column;height:100vh}header{padding:10px 18px;border-bottom:1px solid #3a3222;display:flex;align-items:baseline;gap:14px;background:#1d1811}header h1{margin:0;font-size:18px;color:#d9a441;letter-spacing:.5px}header .sub{color:#8a7f66;font-size:12px}.main{display:flex;flex:1;min-height:0}aside{width:320px;padding:14px;border-right:1px solid #3a3222;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#1a1610}.field{display:flex;flex-direction:column;gap:4px}.field span{color:#8a7f66;font-size:12px}select,button,textarea,input{font:inherit;color:inherit}select,button{background:#2a2417;border:1px solid #4a3f28;border-radius:6px;padding:6px 10px;cursor:pointer}button:hover:not(:disabled){background:#3a3120;border-color:#d9a441}button:disabled{opacity:.5;cursor:default}.buttons{display:flex;gap:6px;flex-wrap:wrap}.status{padding:8px 10px;background:#2a2417;border-left:3px solid #d9a441;border-radius:4px;font-size:13px;color:#cfc0a0}.status.warn{border-left-color:#d96441;color:#e0b0a0}button.active{background:#4a3c1e;border-color:#d9a441;color:#f0d78a}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.palette button{padding:9px 4px;font-size:14px}.selcard{background:#221d13;border:1px solid #4a3f28;border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:8px}.selrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dim{color:#8a7f66;font-size:12px}button.danger{border-color:#6b3a2a;color:#d98a70}button.danger:hover:not(:disabled){border-color:#d96441;background:#3a2418}kbd{background:#2a2417;border:1px solid #4a3f28;border-radius:3px;padding:0 4px;font-size:11px}.tapes{border-top:1px solid #3a3222;background:#1d1811;padding:10px 16px;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.tape-row{display:flex;align-items:flex-start;gap:10px}.tape-name{min-width:80px;font-size:13px;padding:6px 8px;flex-shrink:0}.chips{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:32px;padding:3px;border:1px dashed #3a3222;border-radius:6px}.chip{padding:4px 10px;font-size:15px;font-family:ui-monospace,monospace;background:#33290f;border-color:#5a4c26}.chip.playhead{background:#4a3c1e;border-color:#f2c14e;color:#f0d78a}.chip:hover:not(:disabled){border-color:#d96441;background:#3a2418}.instr-add{display:flex;flex-wrap:wrap;gap:3px;flex-shrink:0}.instr-add button{padding:4px 9px;font-size:15px;font-family:ui-monospace,monospace}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stats div{background:#221d13;border:1px solid #3a3222;border-radius:6px;padding:8px 4px;text-align:center;display:flex;flex-direction:column}.stats b{font-size:16px;color:#e8d9a8}.stats span{font-size:11px;color:#8a7f66}details summary{cursor:pointer;color:#b0a382;font-size:13px;-webkit-user-select:none;user-select:none}textarea{width:100%;height:180px;margin-top:6px;background:#14100a;border:1px solid #3a3222;border-radius:6px;padding:8px;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:11px;line-height:1.4;resize:vertical;white-space:pre}.note{color:#6f6650;font-size:11.5px;line-height:1.5;margin:4px 0 0}.stage{flex:1;display:flex;flex-direction:column;min-width:0}canvas{flex:1;width:100%;min-height:0}.transport{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid #3a3222;background:#1d1811}.transport button{font-size:16px;min-width:40px;padding:5px 8px;line-height:1.2}.transport button.playbtn{min-width:52px;border-color:#d9a441}.transport input[type=range]{flex:1;min-width:0;accent-color:#d9a441}.transport .cycle{min-width:80px;color:#b0a382;font-variant-numeric:tabular-nums}.transport .speed{display:flex;align-items:center;gap:6px;color:#8a7f66;font-size:12px}.transport .speed input{width:90px}.nameinput{flex:1;min-width:0;background:#14100a;border:1px solid #3a3222;border-radius:6px;padding:6px 8px}.numinput{width:52px;background:#14100a;border:1px solid #3a3222;border-radius:6px;padding:6px 4px;margin-left:4px}.molrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.molrow>.dim{min-width:64px}.molchip{display:inline-flex}.molchip button{padding:4px 8px}.molchip button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.molchip button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.tapes{border-top:1px solid #3a3222;background:#1d1811;padding:8px 12px 10px;max-height:230px;overflow:auto;display:flex;flex-direction:column;gap:8px}.timeline{display:flex;flex-direction:column;gap:3px;min-width:min-content}.tl-head,.tl-row{display:flex;align-items:center;gap:2px}.tl-name{width:84px;flex:0 0 84px;font-size:12px;padding:3px 6px;text-align:left;color:#b0a382;background:none;border:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-name.active{color:#f0d78a;background:#2f2718;border-radius:4px}.tl-num{width:26px;flex:0 0 26px;text-align:center;font-size:10px;color:#6f6650;font-variant-numeric:tabular-nums}.tl-num.now{color:#f2c14e;font-weight:700}.tl-grow{width:22px;padding:0;margin-left:6px;font-size:13px;line-height:1.5}.tl-slot{width:26px;flex:0 0 26px;height:26px;padding:0;font-size:14px;line-height:1;border:1px solid currentColor;border-radius:4px;background:#2b2517}.tl-slot.idle{color:#4a4335;background:#201b12}.tl-slot.now{box-shadow:0 0 0 2px #f2c14e66}.tl-slot.here{outline:2px solid #f2c14e;outline-offset:1px;background:#3d3520}.tl-slot:hover:not(:disabled){background:#3a3120}.g-hold{color:#6fce87}.g-turn{color:#e0cd8f}.g-pivot{color:#c79bec}.g-reach{color:#7fc7d9}.g-ride{color:#f0913e}.g-wait{color:#7d7566}.tl-palette{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding-top:2px;border-top:1px solid #2a2417}.tl-palette button{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 9px;border-color:currentColor}.tl-palette button b{font-size:14px;line-height:1}button.primary{background:#4a3c1e;border-color:#d9a441;color:#f7e6b0;font-weight:600;padding:8px 14px}button.primary:hover:not(:disabled){background:#5c4a24}.advanced>summary{color:#8a7f66;font-size:12px;padding:2px 0}.advanced .buttons{padding-top:6px}.advanced .buttons button,.advanced .buttons select{font-size:12px;padding:4px 8px}.stats.stale b{color:#8a7f66}.stats.stale{position:relative}.stats .stale-note{grid-column:1 / -1;background:none;border:none;padding:0;color:#b08a4a;font-size:11px;text-align:center}.g-home{color:#d98a70}.molpanel{display:flex;flex-wrap:wrap;gap:6px}.molcard{position:relative;display:flex;align-items:center;justify-content:center;padding:4px;background:#221d13;border:1px solid #4a3f28;border-radius:6px;line-height:0}.molcard em{position:absolute;right:3px;bottom:1px;font-size:10px;font-style:normal;color:#8a7f66}.molcard.active{border-color:#d9a441;background:#33290f}.palette button{display:flex;align-items:center;justify-content:center;padding:4px;min-height:34px;line-height:0}.solvelog{margin:.4rem .75rem;padding:.35rem .6rem;background:#241e12;border:1px solid #3d341f;border-radius:4px;font-size:.78rem;color:#cbbd93;max-height:11rem;overflow-y:auto}.solvelog summary{cursor:pointer;color:#e0cd8f}.solvelog ol{margin:.3rem 0 .1rem;padding-left:1.4rem;font-family:ui-monospace,monospace}.solvelog li{margin:.1rem 0}.stages{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem .75rem 0}.stagecard{flex:1 1 10rem;min-width:9rem;padding:.3rem .5rem;border:1px solid #3d341f;border-radius:4px;background:#201a10;font-size:.74rem;color:#8d8264}.stagecard.running{border-color:#f2c14e;color:#e8d9a8;animation:stagepulse 1.2s ease-in-out infinite}.stagecard.done{border-color:#5a6b3f;color:#cbbd93}.stagecard.skip{opacity:.55}.stagename{font-weight:600}.stagedetail{margin-top:.15rem;font-family:ui-monospace,monospace;font-size:.7rem;word-break:break-word}@keyframes stagepulse{50%{border-color:#f2c14e66}}