.fluid-page,.fluid-tool{color:#f2f7ff;background:#03050a;width:100%;height:100%;position:relative;overflow:hidden}.fluid-grid,.fluid-stage-shell,.fluid-stage{width:100%;height:100%}.fluid-stage-shell{background:#03050a;border:0;border-radius:0;position:relative;overflow:hidden}.fluid-stage{z-index:0;position:absolute;inset:0}.fluid-stage canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.fluid-interaction-hint{z-index:2;left:max(1rem, calc(1rem + env(safe-area-inset-left,0px)));bottom:max(1rem, calc(1rem + env(safe-area-inset-bottom,0px)));color:#c1d7e7b3;letter-spacing:.03em;pointer-events:none;max-width:min(34rem,100% - 24rem);margin:0;font-size:.7rem;position:absolute}.fluid-stats{z-index:3;right:max(1rem, calc(1rem + env(safe-area-inset-right,0px)));bottom:max(1rem, calc(1rem + env(safe-area-inset-bottom,0px)));color:#9bb0c2;font-variant-numeric:tabular-nums;pointer-events:none;align-items:center;gap:.75rem;font-size:.68rem;display:flex;position:absolute}.fluid-stats span:first-child{color:#80f4cb}.fluid-stats b{color:#f1f7ff;font-weight:850}.fluid-config-panel .control-heading span{color:#80f4cb}.fluid-slider{color:#aebfd0;letter-spacing:.04em;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem .65rem;font-size:.7rem;font-weight:800;display:grid}.fluid-control-group{border:1px solid #a5c6e124;border-radius:.8rem;gap:.55rem;min-width:0;margin:.8rem 0 0;padding:.7rem;display:grid}.fluid-control-group legend{color:#80f4cb;letter-spacing:.14em;text-transform:uppercase;padding:0 .25rem;font-size:.64rem;font-weight:850}.fluid-slider output{color:#ecfbff;font-variant-numeric:tabular-nums}.fluid-slider input{accent-color:#63dfff;cursor:ew-resize;grid-column:1/-1;width:100%}.fluid-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.8rem;display:grid}.fluid-actions button{color:#eaf6ff;min-height:2.35rem;font:inherit;cursor:pointer;background:#43678c5c;border:1px solid #8ec0e459;border-radius:.65rem;font-size:.76rem;font-weight:850}.fluid-actions button:first-child{color:#07120f;background:#80f4cb;border-color:#80f4cb7a}.fluid-actions button[data-active=true]{color:#f6fdff;background:#54799db3}.fluid-actions button:hover{filter:brightness(1.12)}.fluid-tool .tool-guide{border-top:1px solid #a0c9e724;margin-top:.8rem;padding-top:.65rem}.fluid-tool .tool-guide summary{color:#9edfff;cursor:pointer;font-size:.7rem;font-weight:800}.fluid-tool .tool-guide h2{letter-spacing:0;margin:.65rem 0 .2rem;font-size:.78rem}.fluid-tool .tool-guide p{color:#a6b6c5;margin:.2rem 0 0;font-size:.7rem;line-height:1.45}.fluid-tool .tool-guide .tool-guide__privacy{color:#80f4cb}.stage-fallback,.fluid-error{color:#a9bfd2;text-align:center;width:min(24rem,100% - 2rem);margin:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.fluid-error{color:#ffd1dc;background:#3d111fb3;border:1px solid #ffa6b94d;border-radius:.8rem;padding:1rem;font-size:.85rem;line-height:1.5}@media (max-width:820px){.fluid-control-group{grid-template-columns:1fr 1fr;gap:.42rem .7rem;margin-top:.55rem;padding:.55rem}.fluid-control-group legend{grid-column:1/-1}.fluid-slider{gap:.2rem .35rem;font-size:.64rem}.fluid-actions{margin-top:.55rem}.fluid-interaction-hint{text-align:center;max-width:none;font-size:.62rem;bottom:calc(min(46svh,24rem) + 1.15rem);left:.7rem;right:.7rem}.fluid-stats{right:.7rem;bottom:calc(.7rem + env(safe-area-inset-bottom,0px));gap:.45rem;font-size:.6rem}.fluid-stats span:first-child{display:none}}@media (max-width:520px){.fluid-tool .stage-config-toggle,.fluid-tool .fluid-config-panel{top:calc(9rem + env(safe-area-inset-top,0px))}}@media (prefers-reduced-motion:reduce){.fluid-stage canvas{cursor:default}}