:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080b11;color:#e4e8ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}.shell{display:flex;min-height:100vh}.sidebar{width:255px;flex:0 0 255px;border-right:1px solid #252a35;padding:28px 16px;background:#0b0e15;display:flex;flex-direction:column;gap:8px}.identity{display:flex;gap:11px;align-items:center;padding:0 9px 42px}.identity strong{font-size:13px;letter-spacing:.13em}.identity small{display:block;font-size:9px;letter-spacing:.12em;color:#788293;margin-top:5px}.symbol{font-size:30px;color:#c4a7ff}.navtitle,.label,.eyebrow{letter-spacing:.17em;font-size:10px;color:#8590a2;font-weight:700}.navtitle{padding:0 11px;margin-bottom:7px}.navtitle.space{margin-top:38px}.nav{display:flex;gap:11px;width:100%;text-align:left;padding:12px 14px;color:#a0aaba;background:transparent;border-radius:8px;font-size:13px}.nav.active{background:#201b30;color:#d8c5ff}.nav:hover{background:#202431}.library{overflow:auto;max-height:360px}.libitem{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;color:#abb4c4;border:1px solid transparent;border-radius:8px;padding:10px;font-size:12px}.libitem:hover{border-color:#383247;background:#171721}.libitem span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.del{background:transparent;color:#9c7187;padding:4px}.sidebar-bottom{margin-top:auto;color:#a4acba;font-size:12px;padding:25px 10px;line-height:1.9}.sidebar-bottom span{color:#687385;font-size:11px}.main{flex:1;min-width:0;padding:44px clamp(18px,4vw,70px) 22px;max-width:1660px;margin:0 auto}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:38px}.eyebrow{color:#b99dff}h1{font-size:clamp(26px,3vw,40px);font-weight:550;letter-spacing:-.045em;margin:13px 0 9px}.period{color:#be9bff}.top p,.muted{color:#8993a4;font-size:13px;line-height:1.6}.topactions{display:flex;gap:10px;white-space:nowrap}button.primary{background:#b79bfa;color:#14111c;border-radius:7px;padding:12px 17px;font-size:12px;font-weight:750}button.primary:hover{background:#d0bdff}.secondary{border:1px solid #333744;color:#cad1dc;background:#151923;border-radius:7px;padding:11px 16px;font-size:12px}.secondary:hover{border-color:#7e6f9f}.card{background:#10141d;border:1px solid #262c38;border-radius:12px;padding:25px}.panelheading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}h2{font-size:19px;letter-spacing:-.02em;font-weight:550;margin:9px 0 0}.hint{font-size:11px;color:#697588;margin-left:10px;font-weight:400}.tools,.leftbuttons{display:flex;gap:7px}.tool{color:#abb4c5;background:#1a1e28;border:1px solid #313542;border-radius:6px;padding:8px 11px;font-size:11px}.tool.selected{border-color:#a787e7;color:#dacaff;background:#29203d}.canvas-frame{position:relative;padding-left:45px;padding-bottom:23px}.axis-y{position:absolute;left:0;top:0;height:calc(100% - 24px);display:flex;flex-direction:column;justify-content:space-between;color:#707e91;font-size:10px}.canvas-frame canvas{width:100%;height:360px;display:block;touch-action:none;cursor:crosshair;border:1px solid #35334a;background:#090c15;border-radius:4px}.time-axis{display:flex;justify-content:space-between;font-size:10px;color:#738095;margin-top:9px}.canvasfoot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px}.tiny{padding:7px 11px;font-size:11px}.rightnote,.explain,.note{font-size:11px;color:#778397;line-height:1.7}.controls{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:16px;margin-top:16px}.transport-main{display:flex;gap:16px;align-items:center;margin-top:15px}.play{width:54px;height:54px;border-radius:50%;background:#c0a2ff;color:#14101d;font-size:21px;flex-shrink:0}.play:hover{background:#d5c3ff}.wave-area{flex:1;min-width:0}.wave-area canvas{width:100%;height:78px;background:#090c14;border:1px solid #252c36;border-radius:6px}.readout{display:flex;justify-content:space-between;color:#8592a3;font-size:9px;letter-spacing:.08em;margin-top:7px}.explain{margin:18px 0 0}.setting{margin-top:17px}.setting label{display:flex;justify-content:space-between;color:#abb4c3;font-size:12px}.setting b{color:#dec8ff;font-weight:600}input[type=range]{display:block;width:100%;margin:11px 0 0;accent-color:#ba9cf9}.evolve-card{min-height:590px}.offspring{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.child{background:#151923;border:1px solid #333547;border-radius:9px;padding:16px}.child canvas{width:100%;height:128px;background:#090c15;display:block;border-radius:5px}.child h3{font-size:13px;font-weight:600}.child .actions{display:flex;gap:8px}.empty{grid-column:1/-1;text-align:center;padding:120px 10px;color:#738095;font-size:13px}.note{margin-top:20px}footer{display:flex;justify-content:space-between;gap:10px;color:#657183;font-size:9px;letter-spacing:.12em;margin:28px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:8px;background:#2c2340;border:1px solid #755aab;color:#e3d7ff;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.on{opacity:1}@media(max-width:900px){.sidebar{width:190px;flex-basis:190px}.top{align-items:flex-start;flex-direction:column}.controls{grid-template-columns:1fr}.canvas-frame canvas{height:280px}.rightnote{display:none}}@media(max-width:650px){.shell{display:block}.sidebar{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:12px;align-items:center;border-right:0;border-bottom:1px solid #262c38}.identity{padding:0;margin-right:auto}.navtitle,.sidebar-bottom,.library{display:none}.nav{width:auto}.nav span{display:none}.main{padding:28px 13px}.card{padding:15px}.canvas-frame{padding-left:36px}.canvas-frame canvas{height:250px}.panelheading{flex-direction:column;align-items:flex-start}.topactions{flex-wrap:wrap}.offspring{grid-template-columns:1fr}footer{flex-direction:column}}
.render-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-10px 0 24px;padding:13px 16px;border:1px solid #373044;border-radius:10px;background:#11101a}.render-meter{display:grid;grid-template-columns:auto minmax(180px,420px);align-items:center;gap:14px;flex:1;color:#c8b4f5;font-size:10px;font-weight:800;letter-spacing:.12em}.render-meter progress{width:100%;height:8px;accent-color:#a97ceb}@media(max-width:700px){.render-strip{align-items:stretch;flex-direction:column}.render-meter{grid-template-columns:1fr;gap:8px}}
[hidden]{display:none!important}