:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fluri-paper:#eff5f7;--fluri-white:#fbfdfd;--fluri-ink:#15313d;--fluri-muted:#536975;--fluri-line:#d0dde1;--fluri-teal:#276471;--fluri-night:#102b3a;--fluri-ice:#c3e6ed;--fluri-wash:#e2edf1;--fluri-display:"Iowan Old Style", Baskerville, "Palatino Linotype", Georgia, serif;--fluri-body:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--night:var(--fluri-paper);--surface:var(--fluri-white);--raised:var(--fluri-wash);--text:var(--fluri-ink);--muted:var(--fluri-muted);--ice:var(--fluri-teal);--mint:#4e857b;--border:var(--fluri-line);--warm:#95642e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--fluri-paper);color:var(--fluri-ink);font-family:var(--fluri-body);margin:0;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--fluri-teal);outline-offset:3px}button,input,select,textarea{border-radius:9px}code,pre,.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em}.eyebrow{letter-spacing:.14em;color:var(--fluri-teal);font-size:10px;font-weight:650}.brand{letter-spacing:-1.3px;align-items:center;gap:8px;font-size:26px;font-weight:750;display:inline-flex}.brand img{width:32px;height:32px}.btn{border:1px solid var(--fluri-line);background:var(--fluri-white);justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-size:13px;font-weight:550;transition:background .16s,border-color .16s;display:inline-flex}.btn:hover{background:var(--fluri-wash);border-color:var(--fluri-line)}.btn-quiet{background:0 0}.icon-btn{background:var(--fluri-white);border:1px solid var(--fluri-line);place-items:center;width:44px;height:44px;font-size:24px;display:inline-grid}.header{border-bottom:1px solid var(--fluri-line);background:var(--fluri-white);justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 34px;display:flex}.header-left,.header-right{align-items:center;gap:22px;display:flex}.header-context{color:var(--fluri-muted);border-left:1px solid var(--fluri-line);padding-left:22px;font-size:13px}.docs-link{color:var(--fluri-muted);padding:10px 0;font-size:13px}.docs-link:hover{color:var(--fluri-muted)}.workspace{grid-template-columns:310px minmax(0,1fr);min-height:calc(100svh - 76px);display:grid}.sidebar{background:var(--fluri-white);border-right:1px solid var(--fluri-line);scrollbar-width:thin;scrollbar-color:#38536a #101d2b;min-width:0;max-height:calc(100svh - 76px);padding:28px 22px;position:sticky;top:0;overflow-y:auto}.sidebar-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}.sidebar-title .eyebrow{color:var(--fluri-teal);font-size:9px}.sidebar-title h2{letter-spacing:-.4px;margin:4px 0 0;font-size:18px;font-weight:600}.panel-nav{border-bottom:1px solid var(--fluri-line);grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:27px;padding-bottom:23px;display:grid}.panel-tab{min-height:55px;color:var(--fluri-ink);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 3px;font-size:11px;display:flex}.panel-tab .tab-icon{font-size:18px;line-height:1.2}.panel-tab[aria-selected=true]{color:var(--fluri-ink);background:var(--fluri-wash);border-color:var(--fluri-line)}.panel-tab:hover{background:var(--fluri-wash)}.panel-content{display:none}.panel-content.active{display:block}.panel-heading{letter-spacing:-.5px;margin:0 0 6px;font-size:19px;font-weight:550}.panel-description{color:var(--fluri-muted);margin:0 0 27px;font-size:12px;line-height:1.7}.control{margin-bottom:24px}.control-label{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;font-size:12px;font-weight:500;display:flex}.control output{color:var(--fluri-teal);text-align:right;font-family:monospace;font-size:11px}.control select,.control input[type=text],.control input[type=number]{background:var(--fluri-white);width:100%;min-height:42px;color:var(--fluri-ink);border:1px solid var(--fluri-line);padding:9px 11px;font-size:12px}.control input[type=color]{border:1px solid var(--fluri-line);background:var(--fluri-white);width:100%;height:42px;padding:4px}.control input[type=range]{width:100%;height:25px;accent-color:var(--fluri-teal);cursor:pointer;margin:0}.range-labels{color:var(--fluri-muted);justify-content:space-between;gap:14px;margin-top:4px;font-size:10px;display:flex}.help,.control .help{color:var(--fluri-muted);margin:10px 0 0;font-size:11px;line-height:1.75}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:35px;margin-bottom:13px;font-size:12px;display:flex}.switch{flex-shrink:0;align-items:center;width:36px;height:30px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:36px;height:30px;margin:0;position:absolute;inset:0}.switch span{pointer-events:none;background:#a9c0ca;border-radius:20px;width:36px;height:21px}.switch span:before{content:"";background:var(--fluri-white);border-radius:50%;width:15px;height:15px;transition:transform .16s,background .16s;position:absolute;top:7.5px;left:3px}.switch input:checked+span{background:var(--fluri-teal)}.switch input:checked+span:before{background:var(--fluri-white);transform:translate(15px)}.switch input:focus-visible+span{outline:2px solid var(--fluri-teal);outline-offset:4px}.section-line{background:var(--fluri-white);height:1px;margin:25px 0}.panel-buttons{flex-wrap:wrap;gap:8px;display:flex}.panel-buttons .btn{flex:1;min-width:90px;padding:9px 10px;font-size:11px}.preset-grid{gap:8px;display:grid}.preset-card{text-align:left;background:var(--fluri-white);border:1px solid var(--fluri-line);justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;font-size:12px;display:flex}.preset-card span:last-child{color:var(--fluri-ink)}.preset-card[data-selected=true]{border-color:var(--fluri-line);background:var(--fluri-wash);color:var(--fluri-ink)}.panel-code{color:#b9ddef;resize:vertical;tab-size:2;background:#091725;border:1px solid #3b5970;width:100%;height:290px;padding:13px;font-family:monospace;font-size:12px;line-height:1.75}.config-filename{color:var(--fluri-muted);justify-content:space-between;gap:14px;margin-bottom:10px;font-size:11px;display:flex}.error-text{color:#aa3443;overflow-wrap:anywhere;min-height:17px;margin:7px 0;font-size:12px}.sidebar-footer{color:var(--fluri-muted);border-top:1px solid var(--fluri-line);margin-top:30px;padding-top:23px;font-size:11px;line-height:1.8}.main{width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:32px 42px 0}.lab-heading{justify-content:space-between;align-items:center;gap:24px;margin:0 0 29px;display:flex}.lab-heading .eyebrow{letter-spacing:.15em;color:var(--fluri-teal);font-size:9px}.lab-heading h1{letter-spacing:-1.4px;margin:8px 0 9px;font-size:36px;font-weight:550;line-height:1.1}.title-dot{color:var(--fluri-teal)}.lab-heading p{color:var(--fluri-muted);margin:0;font-size:13px}.lab-heading .btn{color:var(--fluri-ink);font-size:12px}.preview-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px;display:flex}.scene-picker{align-items:center;gap:12px;display:flex}.scene-picker label{color:var(--fluri-muted);font-size:12px}.scene-select{min-height:42px;color:var(--fluri-ink);border:1px solid var(--fluri-line);background:linear-gradient(150deg,#dbe9ee,#c7dce3);max-width:220px;padding:8px 12px;font-size:12px}.toolbar-actions{gap:8px;display:flex}.toolbar-actions .btn{min-width:78px;font-size:12px}.preview{border:1px solid var(--fluri-line);background:var(--fluri-white);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0002}.scene{isolation:isolate;background:linear-gradient(150deg,#dbe9ee,#c7dce3);min-height:465px;padding:30px 34px 27px;position:relative;overflow:hidden}.scene-intro{z-index:1;pointer-events:none;position:relative}.scene-kicker{letter-spacing:.16em;color:var(--fluri-muted);font-size:9px}.scene-intro h2{letter-spacing:-1px;color:var(--fluri-ink);margin:9px 0 6px;font-size:30px;font-weight:500;line-height:1.2}.scene-intro p{color:var(--fluri-muted);margin:0;font-size:13px}.scene-grid{height:246px;margin-top:24px;position:relative}.scene-card{color:#d9edf9;background:linear-gradient(145deg,#28475d,#1b354b);border:1px solid #5b7b94;border-radius:12px;padding:18px 20px;position:absolute;box-shadow:0 14px 25px #0002}.scene-card h3{letter-spacing:-.2px;margin:0 0 9px;font-size:16px;font-weight:550}.scene-card p{color:#a9c4d7;margin:0;font-size:12px;line-height:1.75}.moving-platform{z-index:2;width:55%;max-width:470px;min-height:130px;top:3px;left:6%}.platform-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.platform-title h3{margin:0}.drag-handle{color:#e2f3ff;cursor:grab;touch-action:none;background:#395a72;border:1px solid #65859d;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:72px;min-height:38px;padding:7px 10px;font-size:12px;display:inline-flex}.drag-handle:active{cursor:grabbing;background:#476f89}.moving-platform p{margin-top:10px;font-size:12px}.platform-detail{gap:3px;display:flex;position:absolute;bottom:16px;right:17px}.platform-detail i{background:#7095af;border-radius:50%;width:3px;height:3px}.receiving-platform{z-index:1;background:linear-gradient(135deg,#203d52,#1a3347);border-color:#3e647e;width:71%;min-height:85px;padding:18px 18px 18px 55px;top:161px;right:4%}.receiving-platform h3{margin-bottom:6px;font-size:14px}.receiving-platform p{font-size:11px}.receiving-icon{color:#a2c9e0;font-size:24px;line-height:1;position:absolute;top:19px;left:18px}.snow-shelf{background:#1c374d;border:1px solid #52738d;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;max-width:650px;height:45px;margin:23px auto 0;padding:0 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 17px #0002}.snow-shelf>span:first-child{color:#b7d0e2;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.snow-shelf i{background:#7fa7c0;border-radius:50%;width:5px;height:5px;display:block}.shelf-route{color:#5b809b;letter-spacing:2px;white-space:nowrap;font-size:14px;overflow:hidden}.workshop-actions{border-top:1px solid var(--fluri-line);background:var(--fluri-white);grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:10px;display:grid}.workshop-action{min-height:67px;color:var(--fluri-ink);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:9px 5px;font-size:11px;display:flex}.workshop-action>span{color:var(--fluri-ink);font-size:19px;line-height:1.2}.workshop-action:hover{background:var(--fluri-wash);border-color:var(--fluri-line)}.preview-footer{min-height:54px;color:var(--fluri-muted);justify-content:space-between;align-items:center;gap:18px;font-size:11px;display:flex}.engine-status{align-items:center;gap:7px;display:flex}.live-dot{background:#91d7c4;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.engine-status.paused .live-dot{background:#e3c48c}.metrics{gap:17px;font-family:monospace;font-size:10px;display:flex}.metrics strong{color:var(--fluri-ink);font-weight:400}.interaction-note{align-items:center;gap:19px;padding:8px 0 23px;display:flex}.interaction-note p{color:var(--fluri-muted);flex:1;margin:0;font-size:11px;line-height:1.8}.interaction-note kbd{border:1px solid var(--fluri-line);color:var(--fluri-muted);background:var(--fluri-white);border-radius:4px;padding:2px 5px;font-family:inherit;font-size:10px}.text-button{min-height:34px;color:var(--fluri-teal);white-space:nowrap;background:0 0;padding:8px 0;font-size:11px}.text-button:hover{color:var(--fluri-teal)}.touch-instruction{display:none}.bottom-strip{border-top:1px solid var(--fluri-line);min-height:62px;color:var(--fluri-muted);justify-content:space-between;align-items:center;gap:18px;font-size:10px;display:flex}.bottom-strip .text-button{font-size:10px}.mobile-controls{display:none}.settings-sheet{background:var(--fluri-white);width:100%;max-width:680px;max-height:92dvh;color:var(--fluri-ink);border:1px solid var(--fluri-line);border-bottom:0;border-radius:22px 22px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -25px 90px #0005}.settings-sheet::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15313d66}.settings-sheet .sidebar{max-height:92dvh;padding:25px 24px calc(27px + env(safe-area-inset-bottom));border:0;position:relative;top:auto}.settings-sheet .sidebar-title{background:var(--fluri-white);z-index:2;border-bottom:1px solid var(--fluri-line);margin:-1px -1px 22px;padding:10px 0 12px;position:sticky;top:-25px}.settings-sheet .sidebar-title h2{font-size:22px}.settings-sheet .sidebar>.scene-picker{justify-content:space-between;margin:0 0 22px}.settings-sheet .scene-select{flex:1;max-width:none}.settings-sheet .sidebar-footer{font-size:12px}.modal{border:1px solid var(--fluri-line);background:var(--fluri-white);color:var(--fluri-ink);border-radius:16px;width:calc(100% - 36px);max-width:450px;padding:30px;box-shadow:0 25px 100px #0008}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#15313d66}.modal h2{letter-spacing:-.6px;margin:10px 0 15px;font-size:25px;font-weight:550;line-height:1.25}.modal p{color:var(--fluri-muted);font-size:14px;line-height:1.8}.modal .btn{min-height:44px;margin-top:12px}.toast{bottom:max(22px, env(safe-area-inset-bottom));color:#e2f4ff;z-index:2147483640;pointer-events:none;opacity:0;background:#244154;border:1px solid #6a8da4;border-radius:11px;width:max-content;max-width:calc(100vw - 32px);padding:12px 18px;font-size:13px;line-height:1.6;transition:opacity .2s,transform .2s;position:fixed;left:50%;transform:translate(-50%)translateY(15px);box-shadow:0 10px 35px #0005}.toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.sparkline{border:1px solid var(--fluri-line);background:var(--fluri-white);border-radius:8px;width:100%;height:60px;margin:10px 0 16px}.metric-row{color:var(--fluri-muted);justify-content:space-between;gap:12px;padding:7px 0;font-size:11px;display:flex}.metric-row strong{color:var(--fluri-muted);font-family:monospace;font-weight:400}.stress-grid{scrollbar-width:thin;grid-template-columns:repeat(10,1fr);gap:8px;max-height:235px;padding:20px 5px 6px;display:grid;overflow:auto}.stress-cell{text-align:center;background:#25465d;border:1px solid #48718d;border-radius:4px;padding:8px 2px;font-family:monospace;font-size:10px}.benchmark-note{color:var(--fluri-muted);margin-top:22px;font-size:12px;line-height:1.7}.hidden{display:none!important}@media (min-width:1600px){.workspace{grid-template-columns:330px minmax(0,1fr)}.main{padding:40px 65px 0}.scene{min-height:500px;padding:34px 45px}.scene-grid{height:265px;margin-top:27px}.moving-platform{width:53%;min-height:145px;top:12px}.receiving-platform{min-height:90px;top:179px}.snow-shelf{margin-top:22px}}@media (max-width:1150px) and (min-width:961px){.workspace{grid-template-columns:285px minmax(0,1fr)}.main{padding:30px 24px 0}.sidebar{padding:26px 18px}.scene{min-height:450px;padding:26px 22px}.scene-intro h2{font-size:27px}.moving-platform{width:68%;left:3%}.receiving-platform{width:85%;right:0}.lab-heading .btn{display:none}.interaction-note{gap:12px}.interaction-note .desktop-only{display:none}.scene-select{max-width:175px}.scene-picker{gap:8px}}@media (max-width:960px){.workspace{min-height:calc(100svh - 68px);display:block}.header{height:68px;padding:0 24px}.header-right{gap:18px}.header-context{font-size:12px}.main{max-width:930px;padding:27px 24px 0}.sidebar{border:0;max-height:none;position:relative}.mobile-controls{display:inline-flex}.lab-heading{margin-bottom:25px}.lab-heading h1{font-size:34px}.lab-heading .desktop-only{display:none}.preview-toolbar{justify-content:flex-end;margin-bottom:18px}.toolbar-actions{gap:10px;width:100%}.toolbar-actions .btn{min-height:44px;font-size:14px}.toolbar-actions #toggle-sidebar{justify-content:flex-start;min-width:140px;margin-right:auto}.toolbar-actions #pause{min-width:102px}.toolbar-actions #reset{min-width:84px}.scene{min-height:465px;padding:28px 30px}.workshop-action{min-height:74px;font-size:13px}.preview-footer{min-height:58px;font-size:12px}.metrics{font-size:11px}.interaction-note p,.text-button{font-size:12px}.bottom-strip,.bottom-strip .text-button{font-size:11px}.settings-sheet .control-label,.settings-sheet .toggle-row{font-size:14px}.settings-sheet .control select,.settings-sheet .control input[type=text],.settings-sheet .control input[type=number]{min-height:46px;font-size:14px}.settings-sheet .control input[type=color]{height:46px}.settings-sheet .control input[type=range]{height:38px}.settings-sheet .help,.settings-sheet .control .help{font-size:12px}.settings-sheet .panel-heading{font-size:22px}.settings-sheet .panel-description{font-size:14px}.settings-sheet .control output{font-size:13px}.settings-sheet .range-labels{font-size:11px}.settings-sheet .panel-tab{min-height:60px;font-size:13px}.settings-sheet .panel-buttons .btn,.settings-sheet .btn{min-height:46px;font-size:14px}.settings-sheet .preset-card{min-height:48px;font-size:14px}.settings-sheet .panel-code{font-size:13px}.settings-sheet .toggle-row{min-height:44px;margin-bottom:11px}.settings-sheet .switch,.settings-sheet .switch input{width:44px;height:44px}.settings-sheet .switch span{width:40px;height:24px}.settings-sheet .switch span:before{width:18px;height:18px;top:13px;left:3px}.settings-sheet .switch input:checked+span:before{transform:translate(16px)}.settings-sheet .metric-row,.settings-sheet .error-text{font-size:13px}}@media (max-width:600px){.header{gap:12px;height:64px;padding:0 18px}.brand{gap:6px;font-size:24px}.brand img{width:29px;height:29px}.header-left{gap:12px}.header-context{padding-left:12px;font-size:12px}.header-right{gap:0}.header-right .docs-link{display:none}.header .btn{min-height:44px;padding:9px 12px;font-size:12px}.main{padding:22px 16px 0}.lab-heading{margin-bottom:22px}.lab-heading .eyebrow{letter-spacing:.13em;font-size:8px}.lab-heading h1{letter-spacing:-1.3px;margin:8px 0;font-size:32px}.lab-heading p{max-width:320px;font-size:14px;line-height:1.6}.toolbar-actions{gap:8px}.toolbar-actions #toggle-sidebar{flex:1;justify-content:center;min-width:120px;margin-right:0}.toolbar-actions #pause{flex:1;min-width:98px}.toolbar-actions #reset{min-width:60px;padding:10px 12px}.toolbar-actions .btn{gap:6px;font-size:14px}.toolbar-actions .reset-label{display:none}.preview-toolbar{margin-bottom:16px}.preview{border-radius:14px}.scene{min-height:423px;padding:23px 18px 22px}.scene-kicker{letter-spacing:.14em;font-size:8px}.scene-intro h2{letter-spacing:-.7px;max-width:270px;margin:8px 0 7px;font-size:25px;line-height:1.2}.scene-intro p{max-width:280px;font-size:13px;line-height:1.7}.scene-grid{height:239px;margin-top:21px}.scene-card{border-radius:10px;padding:15px}.moving-platform{width:90%;min-height:123px;top:0;left:0}.platform-title{gap:8px}.platform-title h3{letter-spacing:-.25px;font-size:15px}.drag-handle{gap:6px;min-width:69px;min-height:44px;padding:8px;font-size:13px}.moving-platform p{margin-top:9px;font-size:13px;line-height:1.65}.receiving-platform{width:94%;min-height:81px;padding:16px 12px 15px 45px;top:159px;right:0}.receiving-platform h3{margin-bottom:4px;font-size:14px}.receiving-platform p{max-width:220px;font-size:12px;line-height:1.7}.receiving-icon{font-size:22px;top:17px;left:14px}.platform-detail{display:none}.snow-shelf{gap:14px;height:auto;min-height:46px;margin-top:20px;padding:9px 12px}.snow-shelf>span:first-child{gap:7px;font-size:12px}.shelf-route{letter-spacing:1px;font-size:14px}.workshop-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px}.workshop-action{gap:6px;min-height:67px;padding:9px 4px;font-size:13px}.workshop-action>span{font-size:20px}.preview-footer{flex-wrap:wrap;gap:8px;min-height:62px;padding:14px 0 8px;font-size:12px}.metrics{gap:12px;font-size:10px}.interaction-note{flex-wrap:wrap;align-items:flex-start;gap:5px;padding:10px 0 18px}.interaction-note .pointer-instruction{display:none}.touch-instruction{color:var(--fluri-ink);flex-basis:100%!important;font-size:13px!important;line-height:1.8!important;display:block!important}.interaction-note .desktop-only{display:none}.text-button{min-height:44px;padding:10px 0;font-size:13px}.bottom-strip{gap:12px;min-height:65px;font-size:11px}.bottom-strip .text-button{font-size:11px}.settings-sheet{max-height:92dvh}.settings-sheet .sidebar{padding:18px 20px calc(24px + env(safe-area-inset-bottom));max-height:92dvh}.settings-sheet .sidebar-title{margin-bottom:20px;padding:6px 0 13px;top:-18px}.settings-sheet .sidebar-title h2{font-size:21px}.settings-sheet .sidebar-title .eyebrow{font-size:9px}.settings-sheet .scene-picker label{font-size:14px}.settings-sheet .scene-select{min-height:46px;font-size:14px}.settings-sheet .panel-nav{gap:5px;margin-bottom:25px;padding-bottom:20px}.settings-sheet .panel-tab{gap:5px;min-height:60px;font-size:12px}.settings-sheet .panel-tab .tab-icon{font-size:19px}.settings-sheet .panel-buttons{gap:8px}.settings-sheet .panel-buttons .btn{min-width:100px;font-size:13px}.toast{bottom:max(18px, env(safe-area-inset-bottom));padding:11px 15px;font-size:13px}.modal{padding:25px}.modal p,.modal .btn{font-size:14px}.stress-grid{grid-template-columns:repeat(5,1fr);max-height:232px}.benchmark-note{font-size:13px}.desktop-only{display:none!important}}@media (max-width:370px){.header{padding:0 16px}.header-context{padding-left:10px;font-size:11px}.header-left{gap:10px}.header .btn{padding:9px 10px;font-size:11px}.main{padding-left:14px;padding-right:14px}.scene{padding-left:15px;padding-right:15px}.scene-intro h2{font-size:23px}.moving-platform{width:94%}.platform-title h3{font-size:14px}.drag-handle{min-width:64px;font-size:12px}.moving-platform p{font-size:12px}.receiving-platform{width:97%}.receiving-platform p{font-size:12px}.toolbar-actions #toggle-sidebar{min-width:113px}.toolbar-actions #pause{min-width:92px}.toolbar-actions #reset{min-width:54px}.workshop-action{font-size:12px}.metrics{gap:10px;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.compact-intro{display:none}@media (max-width:600px){.desktop-intro{display:none}.compact-intro{display:inline}.lab-heading>div>.eyebrow{display:none}.lab-heading h1{margin-top:0}.scene-intro p,.moving-platform p,.receiving-platform p{font-size:14px}.moving-platform{min-height:132px}.scene-grid{height:258px}.receiving-platform{min-height:82px;top:169px}.workshop-action,.drag-handle{font-size:14px}.scene-intro h2{font-size:24px}.header .btn{font-size:13px}}.resize-handle{color:#a1c6df;cursor:nwse-resize;touch-action:none;background:0 0;place-items:center;width:32px;height:32px;font-size:17px;display:grid;position:absolute;bottom:4px;right:4px}.resize-handle:hover{background:#3b6078}@media (max-width:960px){.resize-handle{display:none}.drag-handle{min-height:44px}.scene-intro p,.scene-card p,.settings-sheet .panel-tab{font-size:14px}}body{-webkit-font-smoothing:antialiased}.header{z-index:30;background:var(--fluri-paper);height:88px;padding-inline:max(30px,50% - 660px);position:sticky;top:0}.header .brand{letter-spacing:-2.3px;gap:8px;font-size:34px;line-height:1}.brand svg{width:34px;height:34px;color:var(--fluri-teal)}.brand-period{color:var(--fluri-teal);margin-left:-7px}.header-nav{align-items:center;gap:28px;display:flex}.header-nav a{min-height:44px;color:var(--fluri-muted);align-items:center;font-size:13px;display:flex}.header-nav a:hover{color:var(--fluri-ink)}.header-nav .playground-current{color:var(--fluri-ink);border-bottom:2px solid var(--fluri-teal);font-weight:600}.site-menu-toggle{display:none}.header-right .btn{border-radius:6px}.workspace{min-height:calc(100svh - 88px)}.sidebar{scrollbar-color:#a9c1cb var(--fluri-white);max-height:calc(100svh - 88px);top:88px}.btn{border-radius:6px}.btn-primary{color:var(--fluri-white);background:var(--fluri-ink);border-color:var(--fluri-ink)}.btn-primary:hover{background:#29515f;border-color:#29515f}.panel-tab[aria-selected=true],.preset-card[data-selected=true]{background:var(--fluri-wash);color:var(--fluri-ink);border-color:#9dbbc7}.section-line{background:var(--fluri-line)}.scene-select{background:var(--fluri-white)}.lab-heading h1{letter-spacing:-.055em;font-size:42px}.lab-heading h1 em{font-family:var(--fluri-display);color:var(--fluri-teal);font-weight:400}.preview{background:var(--fluri-white);border-color:#bccfd5;border-radius:14px;box-shadow:0 15px 45px #203e4710}.scene{background:linear-gradient(150deg,#dbe9ee,#c7dce3)}.scene-intro h2{font-family:var(--fluri-display);letter-spacing:-.04em;font-size:34px;font-weight:400}.scene-card{color:#e8f2f5;background:#234757;border-color:#7a9fae}.scene-card p{color:#c2d6de}.receiving-platform{background:#355c6b;border-color:#87a6b2}.snow-shelf{background:#416776;border-color:#87a6b2}.snow-shelf>span:first-child{color:#e5f2f6}.stress-cell{color:#e8f2f5;background:#234757;border-color:#7a9fae}.scene button:focus-visible{outline-color:#c3e6ed}.workshop-actions{background:var(--fluri-white);border-color:#c8d9df}.workshop-action{color:var(--fluri-ink);border-radius:6px}.workshop-action>span{color:var(--fluri-teal)}.workshop-action.action-primary{background:var(--fluri-ink);border-color:var(--fluri-ink);color:var(--fluri-white)}.workshop-action.action-primary>span{color:#d5eaf0}.workshop-action.action-primary:hover{background:#29515f}.interaction-note kbd{background:var(--fluri-wash);color:var(--fluri-ink)}.sparkline{background:var(--fluri-white)}.settings-sheet,.modal{background:var(--fluri-white);color:var(--fluri-ink)}.settings-sheet .sidebar-title{background:var(--fluri-white)}::selection{background:var(--fluri-ice);color:var(--fluri-ink)}@media (max-width:1150px){.header{padding-inline:28px}.header-nav{gap:19px}.header-nav a{font-size:12px}}@media (max-width:960px){.header{height:72px;padding-inline:24px}.header .brand{font-size:31px}.brand svg{width:29px;height:29px}.header-right{gap:12px}.site-menu-toggle{background:0 0;border:1px solid #bfd1d8;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;display:flex}.site-menu-toggle span{background:#274d5d;width:17px;height:1px}.site-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.site-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.header-nav{background:var(--fluri-paper);border-bottom:1px solid #bdd2da;width:100%;padding:12px 24px 22px;display:none;position:absolute;top:71px;left:0;box-shadow:0 20px 30px #193e4e14}.header-nav.is-open{flex-direction:column;align-items:stretch;gap:0;display:flex}.header-nav a{border-bottom:1px solid var(--fluri-line);min-height:48px;font-size:15px}.header-nav .playground-current{border-bottom:0}}@media (max-width:600px){.header{padding-inline:20px}.header .btn{min-height:44px;padding-inline:12px;font-size:11px}.header .brand{gap:6px;font-size:30px}.lab-heading h1{font-size:38px}.scene-intro h2{font-size:29px}.scene-intro p,.benchmark-note{color:var(--fluri-muted)!important}.scene-card p{color:#c2d6de}.sidebar{top:auto}}@media (max-width:370px){.header{padding-inline:16px}.header-right{gap:8px}.header .btn{padding-inline:10px;font-size:10px}.header .brand{font-size:28px}.scene-intro h2{font-size:25px}}
