/* Navigation and grouping only. The simulation viewport keeps its 328px rail. */
.debug-console{padding:0;display:flex;flex-direction:column;overflow:hidden}
#field-console [hidden]{display:none!important}
.console-top{flex:none;padding:16px 18px 14px;border-bottom:1px solid #ffffff12;background:#10161c;z-index:6}
.console-top .debug-toggle{position:static;padding:0 0 10px;font-size:14px}
.console-status{display:flex;justify-content:space-between;margin:10px 0;color:#93b4c5;font-size:10px;font-variant-numeric:tabular-nums}
.console-status span:first-child:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#87c8b6;vertical-align:1px}
.console-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}
.console-toolbar button,.console-tabs button,.console-search-results button{border:1px solid #ffffff1c;border-radius:5px;background:#ffffff04;color:#b7c8d5;padding:8px;font-size:11px}
.console-toolbar button[aria-pressed=true]{background:#87bdd816;border-color:#8cb7ce70;color:#daecf6}
.console-search-wrap{position:relative;margin-bottom:12px}
#console-search{width:100%;border:1px solid #ffffff22;border-radius:6px;background:#080f15;color:#d7e8f2;font:inherit;font-size:11px;line-height:1.5;padding:9px 10px;outline-offset:2px}
#console-search::placeholder{color:#698292}
.console-search-results{position:absolute;top:calc(100% + 5px);left:0;right:0;max-height:min(350px,55svh);overflow:auto;z-index:15;margin:0;padding:5px;list-style:none;background:#15212b;border:1px solid #7fa8be50;border-radius:7px;box-shadow:0 12px 30px #0008}
.console-search-results li{margin:0;padding:0}
.console-search-results button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:9px;text-align:left;border:0;background:none}
.console-search-results button:hover,.console-search-results button:focus-visible{background:#a4cbe817}
.console-search-results small{font-size:9px;color:#789eb3}
.console-search-results strong{font-size:11px;font-weight:500;color:#d8e9f5}
.console-search-results .empty-result{padding:13px 10px;color:#9bb5c4;font-size:11px;line-height:1.7}
.console-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.console-tabs button{padding:7px 3px;border-color:transparent;color:#7f9aaa;white-space:nowrap;font-size:11px}
.console-tabs button:hover{background:#ffffff08;color:#c3d8e5}
.console-tabs button[aria-selected=true]{background:#8abed91c;color:#dbedf8;border-color:#8cb7ce55}
#field-panel.debug-body{flex:1;min-height:0;overflow:auto;padding:18px 18px 24px;scrollbar-width:thin;scrollbar-color:#49647455 transparent;overscroll-behavior:contain}
.console-page:focus-visible{outline:none}
.console-page-title{font-size:15px;font-weight:500;letter-spacing:.025em;color:#e1eef5;margin:0 0 6px}
.console-intro{color:#7994a5;font-size:10px;line-height:1.75;margin:0 0 18px}
.console-section{margin:18px 0 0;padding:16px 0 0;border-top:1px solid #ffffff12}
.console-section h3,.console-subsection h3{font-size:12px;font-weight:500;color:#cddfe9;margin:0}
.console-section .logo-heading{margin:0 0 8px}
.console-section .motion-controls,.console-subsection .motion-controls{border:0;padding:0;margin-top:10px}
.console-section .render-mode{margin:12px 0 8px}
.console-section .field-presets{margin-top:12px}
.console-section .field-presets button:first-child:not([data-field]){grid-column:auto}
.console-section .inspector-note{margin-top:9px}
.console-section select{display:block;width:100%;border:1px solid #ffffff26;border-radius:5px;background:#151f26;color:#c2d9e3;padding:8px;font:11px/1.5 inherit}
.console-wide{width:100%;margin-top:12px}
.console-fold>summary{cursor:pointer;font-size:12px;color:#cddfe9;line-height:1.6;list-style-position:inside}
.console-fold>summary span{font-size:9px;color:#6e8c9e;margin-left:6px;font-weight:400}
.console-fold[open]>summary{margin-bottom:10px}
.console-help{margin-top:11px;color:#6f909e;font-size:10px;line-height:1.8}
.console-help summary{cursor:pointer;color:#819eae}
.console-help p{margin:8px 0 0}
.console-subsection{padding:16px 0 0;margin:16px 0 0;border-top:1px dashed #ffffff1a}
.console-footer{flex:none;border-top:1px solid #ffffff0e;padding:8px 18px;background:#0d141a}
.console-footer .settings-status{margin:0;font-size:9px;color:#668799}
.console-search-status{font-size:10px;color:#a0cadd;line-height:1.7;background:#7fb5d012;padding:9px 10px;border-radius:5px;margin:0 0 14px}
.control-row{border-radius:5px;transition:background-color .3s,box-shadow .3s}
.control-row.console-target,.console-wide.console-target,.console-section.console-target{background:#8bc5e31a;box-shadow:0 0 0 5px #8bc5e31a}
.console-page .field-inspection{margin-top:18px;padding-top:16px}
#particle-trail-settings{padding-top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){
 .debug-console{height:auto;position:relative;padding:0;display:block;overflow:visible}
 .console-top{position:sticky;top:0;padding:16px max(22px,calc((100vw - 480px)/2)) 14px}
 #field-panel.debug-body{max-height:70svh;padding:18px max(22px,calc((100vw - 480px)/2)) 24px;overflow:auto}
 .console-footer{padding:8px max(22px,calc((100vw - 480px)/2))}
}
@media(prefers-reduced-motion:reduce){.control-row{transition:none}}

#emitter-settings .field-presets{grid-template-columns:repeat(3,minmax(0,1fr))}
.visual-mode-label{display:block;font-size:10px;color:#8faebe;margin:12px 0 5px}
#visual-mode,#flow-system{display:block;width:100%;background:#18252e;color:#dcecf6;border:1px solid #8cb7ce55;border-radius:5px;padding:8px;font:12px/1.4 inherit}
.background-inputs{margin-top:12px}
#hero{background:var(--scene-bg,#070b0f)}
.banner-copy-title{color:var(--copy-title,#eef8ff)}
.banner-copy-subtitle{color:var(--copy-subtitle,#b1c4d1)}
.light-background .banner-copy{text-shadow:none}
.light-background .flow-label{color:#46596780}
.light-background .field-legend{background:#eeeee6eb;border-color:#284d6655;color:#253c4b}

#hero canvas[hidden]{display:none!important}#flow-system-notice{color:#d7b48e;font-size:10px;line-height:1.7}#flow-system-notice[hidden]{display:none}

.app[data-flow-system=fluidSmoke] [data-current-only]{display:none!important}

[data-logo-material="metal"]{grid-column:1/-1}.metal-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.metal-presets button{text-align:center}
#copy-parameters{width:100%;border:1px solid #8cb7ce55;background:#8abed914;color:#d4e8f3;border-radius:5px;padding:7px;font-size:11px;margin-bottom:5px}#copy-parameters:disabled{opacity:.55}#copy-parameters-status{color:#9fc8c1;margin-bottom:4px}
.parameter-copy-fallback{position:fixed;z-index:100;inset:15vh max(20px,calc((100vw - 680px)/2));padding:20px;background:#14212b;border:1px solid #7795a9;border-radius:10px;box-shadow:0 0 0 100vmax #000b}.parameter-copy-fallback textarea{width:100%;height:35vh;background:#080f15;color:#d7e8f2;font:11px/1.5 monospace}.parameter-copy-fallback p{font-size:12px;line-height:1.7}