:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9ebe3;background:#0c0f0c;font-synthesis:none}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-width:760px;min-height:100%;overflow-x:hidden;overflow-y:auto}#root{min-height:100vh}button,select,input{font:inherit}button{color:inherit}.app-shell{min-height:max(100vh,1100px);display:grid;grid-template-rows:70px minmax(0,1fr) 116px 138px 70px 92px 118px 34px;background:radial-gradient(circle at 38% 34%,#171c17 0,#0c0f0c 58%)}header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #292e28;background:#0c0f0ce6}.brand{display:flex;align-items:center;gap:13px;min-width:310px}.mark{width:18px;height:18px;border:1px solid #d4e79a;border-radius:50%;box-shadow:inset 0 0 0 5px #0d100d;background:#d4e79a}h1{margin:0;font:500 15px/1 monospace;letter-spacing:.16em}.brand p{margin:6px 0 0;color:#6e756c;font:300 9px/1 monospace;letter-spacing:.09em;text-transform:uppercase}.header-transport{display:flex;align-items:center;gap:16px}.header-play{display:flex;align-items:center;justify-content:center;gap:8px;min-width:86px;height:34px;padding:0 13px;color:#11140f;background:#d4e79a;border:0;border-radius:2px;font:500 9px monospace;letter-spacing:.12em;cursor:pointer}.header-play.active{color:#e9ece3;background:#3b4238}.header-play:disabled{color:#71776d;background:#282d27;cursor:default}.header-play span{font-size:8px}.transport-summary{display:flex;align-items:center;gap:9px;color:#646b62;font:400 9px monospace;letter-spacing:.11em}.transport-summary span{color:#d4e79a}.transport-summary i{display:block;width:3px;height:3px;border-radius:50%;background:#464c44}.device-control{display:flex;align-items:center;gap:9px;min-width:310px;justify-content:flex-end;color:#757d72;font:400 9px monospace;letter-spacing:.1em}select{width:205px;color:#c8cdc2;background:#141714;border:1px solid #30352f;border-radius:2px;padding:7px 9px;outline:none}.device-refresh{width:34px;height:34px;color:#d4e79a;background:#171d16;border:1px solid #56674d;border-radius:3px;font-size:21px;line-height:1;cursor:pointer}.device-refresh:hover,.device-refresh:focus-visible{background:#263321;border-color:#d4e79a}.workspace{grid-row:2;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:12px;padding:12px 16px}.process-field-panel,.material-tray{min-height:0;border:1px solid #282d27;background:#0e110eb8}.process-field-panel{display:grid;grid-template-rows:58px minmax(0,1fr)}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #242924}.panel-heading h2{margin:5px 0 0;font:500 12px monospace;letter-spacing:.12em}.eyebrow{color:#d4e79a;font:400 8px monospace;letter-spacing:.15em}.voice-count{color:#71786e;font:400 9px monospace;letter-spacing:.1em}.process-field-stage{position:relative;min-height:0;margin:18px 30px 26px;overflow:hidden;background:radial-gradient(circle at center,rgba(212,231,154,.03),transparent 52%);border:1px solid #252a25;-webkit-user-select:none;user-select:none;touch-action:none}.process-field-stage:before{content:"";position:absolute;inset:12px;border:1px solid rgba(83,91,80,.17);pointer-events:none}.field-center-x,.field-center-y{position:absolute;pointer-events:none;opacity:.24}.field-center-x{left:50%;top:0;bottom:0;border-left:1px dashed #565d53}.field-center-y{left:0;right:0;top:50%;border-top:1px dashed #565d53}.axis{position:absolute;z-index:1;color:#575e55;font:400 8px monospace;letter-spacing:.12em;pointer-events:none}.axis-left{left:9px;top:50%;transform:translateY(-50%)}.axis-right{right:9px;top:50%;transform:translateY(-50%)}.axis-loud{top:8px;left:50%;transform:translate(-50%)}.axis-quiet{bottom:8px;left:50%;transform:translate(-50%)}.field-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#777e74;pointer-events:none}.field-empty strong{font:400 10px monospace;letter-spacing:.16em}.field-empty span{color:#535951;font:300 9px monospace}.voice-node{position:absolute;z-index:3;display:grid;place-items:center;transform:translate(-50%,-50%);padding:0;color:#151814;background:#d4e79a;border:2px solid rgba(238,246,214,.6);border-radius:50%;box-shadow:0 0 #d4e79a24;font:500 8px monospace;cursor:grab;touch-action:none;transition:box-shadow .12s,border-color .12s}.voice-node:active{cursor:grabbing}.voice-node.selected{border-color:#fff;box-shadow:0 0 0 5px #d4e79a1f}.process-field-stage.playing .voice-node{animation:voice-breathe 1.9s ease-in-out infinite alternate}@keyframes voice-breathe{0%{box-shadow:0 0 0 3px #d4e79a0f}to{box-shadow:0 0 0 8px #d4e79a21}}.material-tray{display:grid;grid-template-rows:58px 34px 52px 36px minmax(0,1fr) 36px}.compact-heading{padding-inline:14px}.compact-heading h2{max-width:188px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;font-family:inherit;font-size:11px}.icon-button{width:25px;height:25px;padding:0;color:#a7aea1;background:transparent;border:1px solid #373d35;border-radius:50%;cursor:pointer}.source-meta{display:flex;align-items:center;gap:11px;padding:0 14px;color:#666e64;border-bottom:1px solid #202420;font:400 8px monospace}.mutation-controls{display:grid;grid-template-columns:1fr 104px;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #242924}.mutation-controls label{display:grid;grid-template-columns:29px 1fr;align-items:center;color:#626a60;font:400 7px monospace;letter-spacing:.08em}.mutation-controls input{width:100%;min-width:0;padding:7px 5px;color:#cbd0c6;background:#0f120f;border:1px solid #30362f;font:400 8px monospace}.mutation-controls button{height:30px;color:#11140f;background:#d4e79a;border:0;border-radius:2px;font:500 8px monospace;letter-spacing:.06em;cursor:pointer}.mutation-controls button:disabled{opacity:.5;cursor:wait}.material-label{display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#9ba296;font:400 8px monospace;letter-spacing:.1em}.material-label small{color:#586056;font-size:7px}.material-grid{min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:62px;align-content:start;gap:5px;padding:0 10px 9px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#363d34 transparent}.material-grid.palette-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:38px;gap:3px}.palette-grid .material-cell{padding:3px}.palette-grid .material-index{left:4px;top:3px;font-size:6px}.palette-grid .mini-waveform{inset:11px 3px 7px;gap:1px}.palette-grid .material-operator,.palette-grid .material-duration{display:none}.material-cell.role-coherent{border-color:#66725b}.material-cell.role-related{border-color:#3d463a}.material-cell.role-outlier{border-color:#725f4c;background:#181512}.material-cell{position:relative;min-height:0;overflow:hidden;padding:7px;background:#131713;border:1px solid #2c322b;border-radius:2px;cursor:grab;touch-action:none;-webkit-user-drag:none}.material-cell:hover{border-color:#59634f;background:#171c16}.material-cell:active{cursor:grabbing}.material-index,.material-duration{position:absolute;z-index:2;color:#747c70;font:400 7px monospace}.material-index{left:6px;top:5px}.material-duration{right:6px;bottom:4px}.material-operator{position:absolute;z-index:2;left:6px;bottom:4px;max-width:72px;overflow:hidden;color:#697263;font:400 6px monospace;text-overflow:ellipsis;white-space:nowrap}.mini-waveform{position:absolute;inset:12px 7px 11px;display:flex;align-items:center;gap:2px;opacity:.68}.mini-waveform i{flex:1;min-width:1px;max-height:100%;background:#aab3a4}.tray-note{margin:0;display:flex;align-items:center;padding:0 12px;color:#50574e;border-top:1px solid #202420;font:300 7px monospace}.material-drag-ghost{position:fixed;z-index:100;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%,-50%);color:#11140f;background:#d4e79a;border:2px solid #f0f6de;border-radius:50%;box-shadow:0 8px 24px #00000073;font:500 8px monospace;pointer-events:none}.control-deck{grid-row:3;min-width:0;display:grid;grid-template-columns:260px minmax(0,1fr);border-top:1px solid #292e28;background:#0e110e}.macro-panel{min-width:0;display:grid;grid-template-rows:25px minmax(0,1fr);padding:7px 16px 9px;border-left:1px solid #292e28}.macro-heading{display:flex;align-items:center;justify-content:space-between}.macro-heading small{color:#51584f;font:300 7px monospace;letter-spacing:.09em}.macro-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:center}.macro-control{min-width:0;display:grid;grid-template-rows:17px 11px 12px;gap:2px}.macro-name{display:flex;justify-content:space-between;color:#c7cdc0;font:500 8px monospace;letter-spacing:.11em}.macro-name output{color:#d4e79a;font-weight:400}.macro-control input[type=range]{height:2px;background:linear-gradient(90deg,#6a735f,#d4e79a)}.macro-control input[type=range]::-webkit-slider-thumb{width:12px;height:12px;box-shadow:0 0 0 3px #121612}.macro-poles{display:flex;justify-content:space-between;color:#555d53;font:300 6px monospace;letter-spacing:.06em}.surprise-panel{position:relative;min-width:0;display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:1fr 18px;gap:5px 9px;padding:9px 10px 7px}.discovery-triggers{grid-row:1 / 3;display:grid;grid-template-rows:1fr 1fr;gap:5px}.surprise-trigger,.evolve-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:2px;cursor:pointer}.surprise-trigger{color:#10130f;background:#d4e79a;border:0}.surprise-trigger span{font:600 10px monospace;letter-spacing:.12em}.surprise-trigger small,.evolve-trigger small{font:500 5px monospace;letter-spacing:.08em}.surprise-trigger:disabled{color:#747a70;background:#2a3028;cursor:default}.evolve-trigger{color:#aeb5a9;background:#171b16;border:1px solid #394036}.evolve-trigger span{font:600 8px monospace;letter-spacing:.11em}.evolve-trigger.active{color:#d4e79a;border-color:#73805f;background:#20271d;box-shadow:inset 0 0 14px #d4e79a0a}.surprise-options{min-width:0;display:grid;align-content:center;gap:8px}.strength-selector{display:grid;grid-template-columns:repeat(3,1fr)}.strength-selector button{height:24px;padding:0 2px;color:#596057;background:#111411;border:1px solid #30362f;border-right:0;font:400 6px monospace;cursor:pointer}.strength-selector button:last-child{border-right:1px solid #30362f}.strength-selector button.active{color:#d4e79a;background:#1b2119}.lock-selector{display:grid;grid-template-columns:25px repeat(3,1fr);align-items:center;gap:3px}.lock-selector>span{color:#535a51;font:400 6px monospace;letter-spacing:.08em}.lock-selector button{min-width:0;padding:4px 1px;overflow:hidden;color:#5f675d;background:transparent;border:0;font:400 5px monospace;text-overflow:ellipsis;cursor:pointer}.lock-selector button i{margin-right:3px;color:#454c43;font-style:normal}.lock-selector button.active,.lock-selector button.active i{color:#d4e79a}.preference-selector{display:grid;grid-template-columns:42px repeat(2,minmax(0,1fr)) 64px;align-items:center;gap:3px}.preference-selector>span{color:#535a51;font:400 6px monospace;letter-spacing:.05em}.preference-selector button{min-width:0;padding:4px 2px;color:#819079;background:#151a14;border:1px solid #30362f;font:600 5px monospace;cursor:pointer}.preference-selector button:hover,.preference-selector button:focus-visible{color:#d4e79a;border-color:#7e9364}.preference-selector button:disabled{color:#454c43;cursor:default}.mutation-lab{margin:0 12px 12px;padding:11px 13px 9px;border:1px solid #30382d;background:#0e120e}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.lab-heading h2{margin:2px 0 0;color:#d4e79a;font:600 12px monospace;letter-spacing:.08em}.lab-distance{color:#6c7767;font:400 6px monospace;letter-spacing:.1em}.lab-distance i{display:inline-block;width:64px;height:1px;margin:0 5px 2px;background:linear-gradient(90deg,#d4e79a,#3a4735)}.lab-orbit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:9px}.lab-node,.lab-parent{min-height:46px;display:grid;place-items:center;align-content:center;gap:2px;border:1px solid #2e392b;background:#151b14;color:#8b9b81;font-family:monospace;cursor:pointer}.lab-node:hover,.lab-node:focus-visible{color:#d4e79a;border-color:#89a16e;background:#1c2719}.lab-node strong{color:#d4e79a;font-size:13px}.lab-node small,.lab-parent small{color:#586653;font-size:6px}.lab-node span{max-width:100%;overflow:hidden;font-size:6px;text-overflow:ellipsis}.lab-parent{grid-column:2 / span 2;grid-row:2;min-height:54px;border-color:#d4e79a;color:#d4e79a;font-size:18px;cursor:default}.lab-lineage{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.lab-lineage span{padding:3px 5px;color:#6f7f69;border:1px solid #273126;font:400 6px monospace}.lab-note{margin:7px 0 0;color:#535e50;font:400 6px monospace;letter-spacing:.08em}.hybrid-panel{margin:0 12px 12px;padding:10px 13px;border:1px solid #30382d;background:#10150f}.hybrid-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.hybrid-heading small,.hybrid-note{color:#586653;font:400 6px monospace;letter-spacing:.06em}.hybrid-selectors{display:grid;grid-template-columns:1fr 1fr minmax(160px,1.6fr) 70px;align-items:end;gap:8px;margin-top:8px}.hybrid-selectors label{display:grid;gap:3px;color:#889981;font:600 7px monospace}.hybrid-selectors select,.hybrid-selectors button{height:25px;color:#b4c5a7;background:#151b14;border:1px solid #354231;font:400 7px monospace}.hybrid-selectors button{cursor:pointer;color:#d4e79a}.hybrid-selectors button:disabled{color:#596457;cursor:default}.hybrid-ratio{grid-template-columns:13px 1fr 34px!important;align-items:center}.hybrid-ratio input{accent-color:#d4e79a}.hybrid-ratio output{color:#d4e79a;text-align:right}.hybrid-note{margin:7px 0 0}.eyebrow{font-size:10px;letter-spacing:.12em}.mutation-controls button,.build-structure,.export-wav,.capture-button{font-size:11px}.mutation-controls button{height:36px;font-weight:700}.material-label{font-size:10px}.material-label small{font-size:9px}.surprise-trigger span{font-size:15px;font-weight:700}.surprise-trigger small,.evolve-trigger small{font-size:8px}.evolve-trigger span{font-size:13px;font-weight:700}.strength-selector button{height:32px;font-size:10px;font-weight:700}.lock-selector{grid-template-columns:34px repeat(3,1fr)}.lock-selector>span,.lock-selector button{font-size:9px}.lock-selector button{padding:7px 2px}.preference-selector{grid-template-columns:58px repeat(2,minmax(0,1fr)) 92px;gap:5px}.preference-selector>span,.preference-selector button{font-size:10px}.preference-selector button{min-height:34px;font-weight:800}.preference-selector button:first-of-type{color:#111a0d;background:#d4e79a;border-color:#d4e79a}.preference-selector button:nth-of-type(2){color:#fff0e5;background:#4b2d28;border-color:#b36b54}.preference-selector button:last-of-type{color:#d7dfcf;background:#263023}.preference-selector{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:5px}.preference-selector>span{grid-column:1 / -1}.preference-selector button{min-width:0;width:100%}.preference-selector button:last-of-type{grid-column:1 / -1}.macro-heading small{font-size:9px}.macro-name{font-size:11px;font-weight:700}.macro-name output{font-size:11px}.macro-control input[type=range]{height:4px}.macro-control input[type=range]::-webkit-slider-thumb{width:17px;height:17px}.macro-poles,.lab-distance,.lab-note,.lab-lineage span,.hybrid-heading small,.hybrid-note{font-size:8px}.hybrid-selectors label{font-size:10px}.hybrid-selectors select,.hybrid-selectors button{height:32px;font-size:10px}.hybrid-selectors button{font-weight:700}.play{font-size:13px;font-weight:700}.selected-label{font-size:10px}.surprise-status{align-self:center;overflow:hidden;color:#5a6257;font:400 6px monospace;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.voice-inspector{grid-row:4;display:grid;grid-template-columns:112px minmax(200px,.8fr) minmax(300px,1.15fr) 176px;gap:18px;align-items:center;padding:13px 16px;border-top:1px solid #292e28;background:#111411}.play{align-self:stretch;color:#10130f;background:#d4e79a;border:0;border-radius:2px;font:500 10px monospace;letter-spacing:.14em;cursor:pointer}.play.active{color:#e5e8df;background:#343a32}.play:disabled{opacity:.22;cursor:default}.transport-icon{margin-right:9px;font-size:8px}.selected-wave{position:relative;height:82px;padding-top:18px}.selected-label{position:absolute;top:0;left:0;color:#d4e79a;font:400 8px monospace;letter-spacing:.12em}.selected-wave .waveform{width:100%;height:62px;margin:0}.waveform{background:#0e110e;border-top:1px solid #232722;border-bottom:1px solid #232722}.wave-path{fill:none;stroke:#aeb6a8;stroke-width:1.7;opacity:.72}.loop-fill{fill:#d4e79a;opacity:.055}.loop-edge{stroke:#d4e79a;stroke-width:1.5;opacity:.85}.playhead{stroke:#fff;stroke-width:1;opacity:.9}.voice-loop-controls{display:grid;gap:15px}.voice-loop-controls label{display:grid;grid-template-columns:70px 1fr 52px;align-items:center;gap:9px;color:#747c71;font:400 8px monospace;letter-spacing:.08em}.voice-loop-controls output{color:#aab0a6;text-align:right}input[type=range]{appearance:none;width:100%;height:1px;background:#444a42;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#d4e79a;cursor:ew-resize}.voice-readout{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.voice-readout span{color:#d9ddd4;font:400 13px monospace}.voice-readout small{display:block;margin-bottom:5px;color:#646c62;font-size:7px;letter-spacing:.1em}.voice-readout button{grid-column:1 / -1;padding:7px;color:#8d9589;background:transparent;border:1px solid #323831;font:400 8px monospace;letter-spacing:.1em;cursor:pointer}.no-selection{grid-column:2 / -1;display:flex;flex-direction:column;gap:7px;color:#737a70}.no-selection strong{font:400 9px monospace;letter-spacing:.12em}.no-selection span{color:#51574f;font:300 8px monospace}.snapshot-strip{grid-row:5;min-width:0;display:grid;grid-template-columns:150px 110px minmax(0,1fr);align-items:center;gap:10px;padding:8px 14px;border-top:1px solid #292e28;background:#0d100d}.snapshot-heading{display:flex;flex-direction:column;gap:6px}.snapshot-heading small{color:#4e554c;font:300 6px monospace;letter-spacing:.07em}.capture-button{height:44px;color:#d4e79a;background:#171c15;border:1px solid #57624d;border-radius:2px;font:500 8px monospace;letter-spacing:.1em;cursor:pointer}.capture-button span{margin-right:7px;font-size:11px}.capture-button:disabled{opacity:.45;cursor:wait}.snapshot-list{min-width:0;display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#343b32 transparent}.snapshot-empty{display:flex;align-items:center;height:44px;color:#4f564d;font:300 7px monospace;letter-spacing:.08em}.snapshot-card{flex:0 0 158px;height:44px;display:grid;grid-template-columns:40px minmax(0,1fr) 21px 21px;grid-template-rows:1fr;overflow:hidden;border:1px solid #2d332c;background:#131613}.snapshot-card.selected{border-color:#788565;background:#181d16}.snapshot-recall{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;color:#d4e79a;background:#191e17;border:0;border-right:1px solid #30362e;cursor:pointer}.snapshot-recall span{font:500 10px monospace}.snapshot-recall small{color:#66705f;font:400 5px monospace}.snapshot-card input{min-width:0;padding:0 7px;color:#cbd0c6;background:transparent;border:0;outline:none;font:500 8px monospace;letter-spacing:.07em}.snapshot-card input:focus{background:#0f120f;box-shadow:inset 0 -1px #d4e79a}.snapshot-copy,.snapshot-delete{padding:0;color:#727a6f;background:transparent;border:0;border-left:1px solid #292f28;font:400 10px monospace;cursor:pointer}.snapshot-copy:hover{color:#d4e79a}.snapshot-delete:hover{color:#e4a696}.structure-export{grid-row:6;min-width:0;display:grid;grid-template-columns:142px minmax(390px,1.45fr) 124px minmax(300px,1fr) 112px;grid-template-rows:56px 17px;align-items:center;gap:4px 10px;padding:8px 14px 7px;overflow-x:auto;border-top:1px solid #292e28;background:#0c0f0c;scrollbar-width:thin;scrollbar-color:#343b32 transparent}.structure-heading{display:flex;flex-direction:column;gap:6px}.structure-heading small{color:#4e554c;font:300 6px monospace;letter-spacing:.07em}.structure-settings,.export-settings{min-width:0;display:flex;align-items:center;gap:7px}.structure-settings label,.export-settings label{min-width:0;display:grid;gap:4px;color:#596157;font:400 6px monospace;letter-spacing:.08em}.structure-settings select,.export-settings select{width:86px;height:28px;padding:0 5px;color:#bac1b5;background:#111411;border:1px solid #30362f;font:400 7px monospace}.structure-settings label:nth-last-child(2) select{width:96px}.structure-settings input,.export-settings input{width:72px;height:28px;padding:0 6px;color:#c8cec2;background:#101310;border:1px solid #30362f;outline:none;font:400 7px monospace}.build-structure,.export-wav{height:40px;padding:0 8px;border-radius:2px;font:600 8px monospace;letter-spacing:.08em;cursor:pointer}.build-structure{color:#11140f;background:#d4e79a;border:0}.export-wav{color:#d4e79a;background:#171c15;border:1px solid #57624d}.build-structure:disabled,.export-wav:disabled{opacity:.35;cursor:default}.structure-status{grid-column:2 / -1;align-self:end;overflow:hidden;color:#576055;font:400 6px monospace;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap}.timeline-panel{grid-row:7;min-width:0;display:grid;grid-template-columns:150px 116px 116px minmax(0,1fr);align-items:stretch;gap:10px;padding:9px 14px;border-top:1px solid #292e28;background:#101310}.timeline-heading{display:flex;flex-direction:column;justify-content:center;gap:6px}.timeline-heading small{color:#4e554c;font:300 6px monospace;letter-spacing:.07em}.timeline-transport{display:grid;grid-template-rows:48px 16px;align-content:center;gap:4px}.timeline-transport button,.timeline-add{color:#d4e79a;background:#171c15;border:1px solid #4b5544;border-radius:2px;font:500 8px monospace;letter-spacing:.09em;cursor:pointer}.timeline-transport button.active{color:#e8ebe2;background:#343a32;border-color:#5c6655}.timeline-transport button:disabled,.timeline-add:disabled{opacity:.32;cursor:default}.timeline-transport output{color:#636b60;font:400 7px monospace;text-align:center}.timeline-add{height:48px;align-self:center}.timeline-track{position:relative;min-width:0;display:grid;grid-template-rows:8px minmax(0,1fr);overflow:hidden}.timeline-ruler{position:relative;border-bottom:1px solid #31372f;background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,#242a23 40px)}.timeline-ruler i{position:absolute;z-index:4;top:0;bottom:-91px;width:1px;background:#f0f4e7;box-shadow:0 0 6px #f0f4e73d;pointer-events:none}.timeline-segments{min-width:0;display:flex;gap:4px;padding-top:5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#343b32 transparent}.timeline-empty{display:flex;align-items:center;width:100%;padding-left:14px;color:#4f564d;border:1px dashed #2d332c;font:300 7px monospace;letter-spacing:.08em}.timeline-segment{flex-basis:156px;min-width:156px;max-width:310px;height:79px;display:grid;grid-template-rows:21px 21px 29px;padding:3px 6px 4px;overflow:hidden;background:#141814;border:1px solid #30362e;border-top:2px solid #4c5547}.timeline-segment.current{border-color:#84916f;border-top-color:#d4e79a;background:#1a2017}.segment-topline{display:flex;align-items:center;justify-content:space-between}.segment-topline>span{color:#66705f;font:500 7px monospace}.segment-topline select{width:65px;height:18px;padding:0 3px;color:#aeb7a7;background:#101310;border:1px solid #30362e;font:500 6px monospace}.segment-topline select:disabled{color:#62695f;opacity:.7}.timeline-segment strong{align-self:center;overflow:hidden;color:#d1d6cc;font:500 8px monospace;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}.segment-controls{display:grid;grid-template-columns:19px 30px 8px 19px repeat(4,19px);align-items:center;gap:2px}.segment-controls button{height:20px;padding:0;color:#788175;background:transparent;border:1px solid #2e342d;font:500 8px monospace;cursor:pointer}.segment-controls button:hover:not(:disabled){color:#d4e79a;border-color:#56604e}.segment-controls button:disabled{color:#353b34;cursor:default}.segment-controls input{width:30px;height:20px;padding:0 2px;color:#c5cbc0;background:#0f120f;border:1px solid #2e342d;outline:none;font:400 7px monospace;text-align:right}.segment-controls span{color:#555d53;font:400 6px monospace}.empty-workspace{grid-row:2 / 8;margin:18px 22px;border:1px dashed #30362f}.drop-target{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:transparent;border:0;cursor:pointer}.drop-target:hover{background:#cde68f06}.drop-target .plus{color:#d4e79a;font:300 34px monospace}.drop-target strong{font:400 12px monospace;letter-spacing:.18em}.drop-target small{color:#6c7469;font:300 9px monospace}footer{grid-row:8;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#5c635a;border-top:1px solid #242824;font:300 8px monospace;letter-spacing:.1em}.error{position:fixed;z-index:20;left:50%;bottom:46px;transform:translate(-50%);display:flex;gap:18px;max-width:80vw;padding:11px 13px;color:#f0c8bf;background:#3b211d;border:1px solid #6a3830;font:400 10px monospace}.error button{background:none;border:0;cursor:pointer}@media(max-height:680px){.app-shell{grid-template-rows:62px minmax(0,1fr) 108px 116px 64px 88px 108px 30px}.workspace{padding-block:8px}.process-field-stage{margin-block:12px 18px}.voice-inspector{padding-block:9px}.selected-wave{height:70px}.selected-wave .waveform{height:50px}}@media(max-width:1000px){header{padding-inline:16px}.brand,.device-control{min-width:250px}.transport-summary{display:none}select{width:170px}.macro-grid{gap:11px}.control-deck{grid-template-columns:235px minmax(0,1fr)}.macro-panel{padding-inline:11px}.structure-export{grid-template-columns:118px minmax(360px,1.4fr) 112px minmax(280px,1fr) 102px;gap-inline:7px}}body{font-size:15px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell>header{flex:0 0 76px}.app-shell>.workflow-guide{flex:0 0 auto}.workspace{grid-row:auto;flex:0 0 clamp(460px,56vh,720px);min-height:460px}.control-deck{grid-row:auto;flex:0 0 auto;min-height:220px}.mutation-lab,.hybrid-panel,.voice-inspector,.snapshot-strip,.structure-export,.timeline-panel,footer{grid-row:auto;flex:0 0 auto}.empty-workspace{grid-row:auto;flex:1 1 auto;min-height:520px}.workflow-guide{display:grid;grid-template-columns:minmax(170px,1.2fr) repeat(7,minmax(105px,1fr));gap:8px;align-items:stretch;padding:12px 16px;border-bottom:1px solid #30382d;background:#121712}.workflow-title,.workflow-step{min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px 10px;border:1px solid #2d382b;background:#172019}.workflow-title{border-color:#73895d;background:#202c1c}.workflow-title strong{color:#d4e79a;font:700 14px monospace;letter-spacing:.1em}.workflow-title span,.workflow-step span{color:#9da999;font-size:12px;line-height:1.25}.workflow-step b{color:#d4e79a;font:700 12px monospace;letter-spacing:.05em}.panel-heading{min-height:70px;padding-inline:20px}.panel-heading h2{font-size:16px}.eyebrow,.voice-count{font-size:12px}.compact-heading h2{font-size:15px}.source-meta,.material-label{font-size:11px}.source-meta{min-height:42px}.mutation-controls{min-height:68px}.mutation-controls label,.mutation-controls input{font-size:11px}.material-grid{grid-auto-rows:72px}.material-grid.palette-grid{grid-auto-rows:48px}.tray-note{font-size:10px}.control-deck{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.surprise-panel{min-height:220px;padding:14px;grid-template-columns:142px minmax(0,1fr);gap:10px 14px}.surprise-options{gap:12px}.strength-selector button{height:38px;font-size:12px}.lock-selector{grid-template-columns:42px repeat(3,1fr);gap:5px}.lock-selector>span,.lock-selector button{font-size:11px}.lock-selector button{padding:8px 3px}.decision-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:4px;border-top:1px solid #30382d}.decision-heading strong{color:#d4e79a;font:700 12px monospace;letter-spacing:.08em}.decision-heading span{color:#aab5a0;font-size:12px}.preference-selector{gap:7px}.preference-selector>span{font-size:12px}.preference-selector button{min-height:44px;font-size:14px;letter-spacing:.05em}.preference-selector button:last-of-type{min-height:34px;font-size:11px}.surprise-status{font-size:10px}.macro-panel{min-height:220px;padding:14px 20px}.macro-heading small{font-size:11px}.macro-name,.macro-name output{font-size:14px}.macro-grid{gap:24px}.macro-poles{font-size:10px}.voice-inspector{padding:18px 20px}.play{min-height:54px;font-size:15px}.selected-label,.voice-loop-controls label,.voice-readout small{font-size:11px}.voice-readout span{font-size:15px}.voice-readout button{min-height:34px;font-size:11px}.snapshot-strip,.structure-export,.timeline-panel{padding:14px 18px}.snapshot-heading strong,.structure-heading strong,.timeline-heading strong{font-size:14px}.snapshot-heading small,.structure-heading small,.timeline-heading small{font-size:10px}.capture-button,.timeline-transport button,.timeline-add{min-height:48px;font-size:12px}.structure-settings label,.export-settings label{font-size:10px}.structure-settings select,.export-settings select,.structure-settings input,.export-settings input{font-size:11px}footer{min-height:38px;font-size:10px}@media(max-width:1250px){.workflow-guide{grid-template-columns:repeat(4,minmax(150px,1fr))}.workflow-title{grid-column:1 / -1;min-height:44px}.workflow-step{min-height:58px}}@media(max-width:900px){body{min-width:0}.app-shell>header{flex-basis:auto;min-height:76px;padding:12px 16px;flex-wrap:wrap;gap:10px}.brand{min-width:0}.brand p,.transport-summary{display:none}.device-control{min-width:0}.workspace{grid-template-columns:1fr;flex-basis:auto;min-height:820px}.process-field-panel{min-height:430px}.material-tray{min-height:340px}.control-deck{grid-template-columns:1fr}.macro-panel{border-left:0;border-top:1px solid #292e28}.macro-grid{gap:12px}.voice-inspector{grid-template-columns:100px 1fr}.voice-inspector>.voice-loop-controls,.voice-inspector>.voice-readout{grid-column:2}.structure-export{grid-template-columns:1fr 1fr;grid-template-rows:auto}.structure-heading,.structure-status{grid-column:1 / -1}.timeline-panel{grid-template-columns:1fr 1fr}.timeline-heading,.timeline-track{grid-column:1 / -1}}@media(max-width:560px){.workflow-guide{grid-template-columns:1fr 1fr;padding:8px}.workflow-title{grid-column:1 / -1}.workspace{padding:8px}.surprise-panel{grid-template-columns:1fr}.discovery-triggers{grid-row:auto;grid-template-columns:1fr 1fr;grid-template-rows:88px}.surprise-status{grid-column:1 / -1}.macro-grid{grid-template-columns:1fr 1fr}.macro-control:last-child{grid-column:1 / -1}}@media(max-width:600px),(pointer:coarse){html,body{min-width:0;-webkit-text-size-adjust:100%}body{padding-bottom:env(safe-area-inset-bottom)}.app-shell>header{top:0;padding:12px 14px;min-height:86px}.brand h1{font-size:16px}.header-transport{order:3;width:100%}.header-play{width:100%;min-height:48px;font-size:14px}.device-control{width:100%;justify-content:stretch}.device-control select{flex:1;width:auto;min-height:44px;font-size:14px}.device-refresh{min-width:44px;min-height:44px}.workflow-guide{grid-template-columns:1fr 1fr}.workflow-step{min-height:64px}.workflow-step b,.workflow-step span{font-size:11px}.workspace{min-height:860px}.process-field-panel{min-height:470px}.material-tray{min-height:390px}.material-cell,.lab-node,button{touch-action:manipulation}.control-deck{position:static;top:auto}.surprise-panel{min-height:300px}.surprise-trigger,.evolve-trigger{min-height:78px}.preference-selector button,.lab-promote{min-height:48px}.macro-grid{grid-template-columns:1fr 1fr}.macro-control{min-width:0}.voice-inspector{grid-template-columns:1fr;gap:12px}.voice-inspector>.voice-loop-controls,.voice-inspector>.voice-readout{grid-column:1}.snapshot-strip,.structure-export,.timeline-panel{overflow-x:hidden}}.app-shell>header{position:sticky;top:0;z-index:50;box-shadow:0 5px 18px #0000004d}.control-deck{position:sticky;top:76px;z-index:40;box-shadow:0 7px 20px #0000004d}.lab-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#91a087;font-size:11px}.lab-promote{min-height:38px;padding:0 14px;color:#10140e;background:#d4e79a;border:0;font:700 11px monospace;letter-spacing:.04em;cursor:pointer}.lab-promote:disabled{color:#65705e;background:#283027;cursor:default}.taste-shelf{margin:0 12px 12px;padding:14px 16px;border:1px solid #3d4b37;background:#141b13}.taste-shelf-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.taste-shelf-heading strong{color:#d4e79a;font:700 14px monospace;letter-spacing:.08em}.taste-shelf-heading span{color:#9da998;font-size:12px}.taste-log{display:flex;flex-wrap:wrap;gap:8px}.taste-entry{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid #3a4535;background:#1b2419}.taste-entry b{font:700 12px monospace}.taste-entry span{color:#c3ccb9;font-size:12px}.taste-entry.keep b{color:#d4e79a}.taste-entry.reject{border-color:#66443b;background:#241916}.taste-entry.reject b{color:#f0a28d}.taste-empty{color:#879181;font-size:12px}@media(max-width:900px){.control-deck{position:sticky;top:76px}.lab-actions,.taste-shelf-heading{align-items:flex-start;flex-direction:column}}.control-deck{align-items:stretch}.surprise-panel{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:start;min-height:0;height:auto;gap:12px;padding:16px}.discovery-triggers{grid-row:auto;grid-template-columns:1fr 1fr;grid-template-rows:82px;gap:10px}.surprise-options{grid-row:auto;display:grid;align-content:start;gap:12px}.surprise-status{grid-row:auto;min-height:20px}.macro-panel{min-height:0;height:auto;align-self:stretch}.macro-grid{min-width:0;grid-template-columns:repeat(5,minmax(100px,1fr))}.macro-control{min-width:100px}.mutation-lab,.hybrid-panel{position:relative;z-index:1;clear:both}.lab-node{min-height:64px;font-size:12px}.lab-node strong{font-size:18px}.lab-node small,.lab-node span,.lab-note{font-size:10px}@media(max-width:900px){.surprise-panel{padding:14px}.macro-grid{overflow-x:auto;padding-bottom:8px}}