:root{--bg:#f6f5f0;--panel:#fffefa;--raised:#eeeee7;--line:#d7d9cf;--text:#283331;--muted:#71796f;--green:#315d47;--teal:#436c57;--amber:#aa7240;--blue:#68768d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{scroll-behavior:auto}body{color:#283331;background:#f6f5f0;font-family:Arial,Noto Sans TC,sans-serif;font-size:14px}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #a36b38}.refined-app{color:#283331;background:#f6f5f0;min-height:100vh}.refined-app .header{background:#fbfaf6;border-bottom:1px solid #d9dbd2;justify-content:flex-start;gap:42px;max-width:none;height:76px;padding:0 max(30px,50vw - 725px)}.quiet-brand{white-space:nowrap;letter-spacing:.2px;align-items:center;gap:11px;font-size:16px;font-weight:600;line-height:1.2;display:flex}.quiet-brand>span:last-child{align-items:baseline;gap:12px;display:flex}.quiet-brand small{color:#626f5c;letter-spacing:.3px;font:400 12px Georgia,serif}.quiet-mark{border:1px solid #536c59;grid-template-columns:1fr 1fr;gap:3px;width:28px;height:29px;padding:4px;display:grid;transform:rotate(-3deg)}.quiet-mark span{background:#536c5912;border:1px solid #536c59}.refined-app .header nav{align-self:stretch;align-items:stretch;gap:32px;margin:0;display:flex}.refined-app .header nav button{letter-spacing:0;color:#626f5c;white-space:nowrap;background:0 0;border:0;align-items:center;padding:0 1px;font-size:13px;display:flex}.refined-app .header nav button.nav-active{color:#2e503c;border-bottom:2px solid #3b664d}.refined-app .header nav button:hover{color:#283a30}.quiet-header-end{align-items:center;gap:25px;margin-left:auto;display:flex}.quiet-header-end>span{color:#626f5c;white-space:nowrap;font-size:11px}.quiet-header-end button{color:#57694f;white-space:nowrap;background:0 0;align-items:center;gap:7px;padding:7px 0;font-size:12px;display:flex}.refined-app main{max-width:1450px;padding:34px 30px 0}.studio{max-width:1450px!important;padding-top:29px!important}.studio-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:26px;display:flex}.studio-heading h1{letter-spacing:.5px;margin:0 0 7px;font-size:27px;font-weight:500;line-height:1.5}.studio-heading p{color:#626f5c;margin:0;font-size:13px;line-height:1.8}.desk-file-menu{z-index:15;color:#64705e;font-size:12px;position:relative}.desk-file-menu summary{cursor:pointer;align-items:center;gap:8px;padding:9px 0;list-style:none;display:flex}.desk-file-menu summary::-webkit-details-marker{display:none}.desk-file-menu>div{background:#fffefa;border:1px solid #d2d7ca;border-radius:4px;min-width:180px;padding:6px;position:absolute;top:100%;right:0;box-shadow:0 8px 25px #303c3312}.desk-file-menu button{color:#54624e;text-align:left;background:0 0;border-radius:2px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:12px;display:flex}.desk-file-menu button:hover{background:#eeefe7}.task-line{border-bottom:1px solid #d6dacf;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.task-line nav{align-items:stretch;gap:26px;display:flex}.task-line nav button{white-space:nowrap;color:#626f5c;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0 0 14px;font-size:13px;display:flex}.task-line nav button>span{color:#626f5c;font:11px Georgia,serif}.task-line nav button.current{color:#2f543e;border-bottom-color:#476d50}.task-line nav button.current>span{color:#47714f}.text-control{color:#4b6650;text-align:left;background:0 0;align-items:center;gap:7px;padding:4px 0;font-size:12px;display:inline-flex}.text-control:hover{color:#8c572e}.task-line>.text-control{white-space:nowrap;margin-bottom:13px;font-size:12px}.studio-workspace{background:#fffefa;border:1px solid #d2d6ca;border-radius:5px;grid-template-columns:minmax(0,1fr) 324px;display:grid;overflow:hidden;box-shadow:0 3px 10px #303c3303}.desk-main{min-width:0}.desk-toolbar{background:#fffefa;border-bottom:1px solid #e1e2d9;justify-content:space-between;align-items:center;gap:12px;padding:11px 17px;display:flex}.desk-toolbar>div{align-items:center;gap:9px;display:flex}.desk-toolbar select{color:#606c5b;cursor:pointer;background:0 0;border:0;border-right:1px solid #d6dbcf;max-width:140px;padding:5px 18px 5px 0;font-size:12px}.desk-small-button{color:#53654c;background:#f2f3eb;border:1px solid #d4dacb;border-radius:3px;justify-content:center;align-items:center;gap:7px;padding:6px 10px;font-size:12px;line-height:1.5;display:inline-flex}.desk-small-button:hover{background:#e8ebdf;border-color:#b3bda6}.desk-icon{color:#626f5c;background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.desk-icon:hover{color:#48613f;background:#ecefe3}.desk-count{color:#626f5c;white-space:nowrap;border-left:1px solid #daddd2;margin-left:3px;padding-left:12px;font-size:11px}.desk-instruction{color:#626f5c;background:#f8f8f2;border-bottom:1px solid #e0e2d5;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:9px 18px;font-size:11px;line-height:1.7;display:flex}.desk-instruction.has-pending{color:#92612d;background:#f8f1e4;border-color:#e4d7bd}.desk-instruction b{font-weight:500}.desk-instruction button{color:#91612c;background:0 0;padding:0;display:flex}.scene-board{isolation:isolate;background:#eceae3;height:470px;position:relative;overflow:hidden}.scene-board .workshop-scene{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.scene-board .workshop-scene:active{cursor:grabbing}.desk-camera{gap:7px;display:flex;position:absolute;top:14px;left:16px}.desk-camera button{color:#6c795f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fbfaf5e6;border:1px solid #c9cfc0;border-radius:3px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;display:flex}.desk-camera button:hover{color:#3f5f39;background:#fffffb}.desk-scene-caption{color:#626f5c;pointer-events:none;justify-content:space-between;gap:12px;font-size:10px;display:flex;position:absolute;bottom:11px;left:18px;right:18px}.desk-scene-caption>span:last-child{align-items:center;gap:6px;display:flex}.line-key{background:#608398;width:13px;height:2px;display:inline-block}.wifi-key{border-top:2px dashed #8e879b;width:13px;margin-left:12px;display:inline-block}.desk-device-tabs{background:#f8f8f1;border-top:1px solid #d9ded0;border-bottom:1px solid #dde1d3;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:8px 12px;display:flex}.desk-device-tabs button{color:#626f5c;background:0 0;border-radius:2px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.desk-device-tabs button[aria-pressed=true]{color:#435c36;background:#e5eadc}.desk-device-tabs i{background:#b9bdb1;border-radius:50%;width:4px;height:4px}.desk-device-tabs i.powered{background:#78966d}.send-bar{background:#fffefa;align-items:center;gap:15px;padding:16px 20px 8px;display:flex}.send-bar>label{color:#626f5c;align-items:center;gap:10px;min-width:0;font-size:12px;display:flex}.send-bar select{color:#3d5034;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #bbc7b1;min-width:108px;max-width:200px;padding:6px 25px 6px 3px;font-size:12px}.send-bar>svg{color:#626f5c;flex-shrink:0}.send-button{color:#fbfbf4;white-space:nowrap;letter-spacing:.3px;background:#3c6347;border:1px solid #3c6347;border-radius:3px;align-items:center;gap:8px;margin-left:auto;padding:9px 17px;font-size:12px;display:flex}.send-button:hover{background:#2d4e35}.send-note{color:#626f5c;background:#fffefa;margin:0;padding:0 20px 15px;font-size:10px;line-height:1.9}.desk-side{background:#fffefa;border-left:1px solid #d4dacb;flex-direction:column;min-width:0;display:flex}.desk-side-tabs{border-bottom:1px solid #dadfd1;flex-shrink:0;align-items:stretch;gap:22px;min-height:52px;padding:0 19px;display:flex}.desk-side-tabs button{color:#626f5c;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:0 1px;font-size:12px;display:flex}.desk-side-tabs button[aria-pressed=true]{color:#4a633b;border-color:#557848}.desk-side-tabs button>span{color:#626f5c;font-size:9px}.desk-side-scroll{scrollbar-width:thin;scrollbar-color:#c6cebc transparent;flex:1;min-height:0;max-height:660px;padding:21px 20px;overflow-y:auto}.desk-device-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.desk-device-title>div>span{color:#626f5c;font:10px Arial,sans-serif}.desk-device-title h2{color:#3b4a32;margin:4px 0 0;font-size:23px;font-weight:500;line-height:1.4}.desk-device-role{color:#70786b;margin:12px 0 13px;font-size:12px;line-height:1.9}.desk-power{color:#626f5c;align-items:center;gap:8px;margin:0 0 19px;font-size:11px;display:flex}.desk-power input,.studio input[type=checkbox]{accent-color:#5c7c4d;width:12px;height:12px;margin:0}.desk-faceplate{background:#4d5c60;border:1px solid #7a8988;border-radius:4px;margin-bottom:7px;padding:12px 10px 11px;box-shadow:inset 0 1px #ffffff1c}.desk-faceplate-label{color:#c8d1c1;border-bottom:1px solid #cad3c224;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:11px;display:flex}.desk-faceplate-label strong{letter-spacing:.3px;color:#e0e6db;font-size:10px;font-weight:400}.desk-faceplate-label small{color:#626f5c;font-size:9px}.desk-jacks{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.desk-jacks button{color:#d5dfcd;background:#37494c;border:1px solid #97a58e20;border-radius:2px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px 3px;display:flex}.desk-jacks button:hover{background:#475d58;border-color:#b8c9a4}.desk-jacks button[aria-pressed=true]{background:#775b3b;border-color:#d8b67c}.desk-jacks button>span{color:#626f5c;font-size:9px}.desk-jacks svg{width:100%;max-width:51px;height:auto}.desk-jacks small{color:#626f5c;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:8px;overflow:hidden}.desk-faceplate.router .desk-jacks{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.desk-faceplate.pc .desk-jacks,.desk-faceplate.laptop .desk-jacks,.desk-faceplate.server .desk-jacks,.desk-faceplate.isp .desk-jacks,.desk-faceplate.ap .desk-jacks{grid-template-columns:55px}.desk-attached{margin-bottom:16px}.desk-attached>div{color:#6c7763;border-bottom:1px solid #e8eadf;align-items:center;gap:9px;min-height:34px;font-size:10px;display:flex}.desk-attached code{color:#5f7550;min-width:33px;font:10px Arial,sans-serif}.desk-attached>div>span{overflow-wrap:anywhere}.desk-attached .desk-icon{margin-left:auto}.desk-device-form{flex-direction:column;gap:12px;margin-top:16px;display:flex}.desk-device-form>label,.desk-options>label:not(.desk-check){color:#65725e;flex-direction:column;gap:6px;font-size:11px;display:flex}.desk-device-form select,.desk-device-form input:not([type=checkbox]),.desk-options input:not([type=checkbox]){color:#576a43;background:#fbfcf6;border:1px solid #d0d8c3;border-radius:3px;width:100%;min-width:0;padding:8px 9px;font-size:12px;line-height:1.4}.desk-device-form .desk-check,.desk-check{color:#626f5c;align-items:center;gap:8px;margin:8px 0;font-size:11px;display:flex}.desk-device-form label.desk-check{flex-direction:row;gap:8px}.desk-apply{color:#5f794b;background:#ebf0e0;border:1px solid #bccdb0;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex}.desk-apply:hover{background:#dee8d2}.desk-options{color:#626f5c;border-top:1px solid #e1e6d7;margin:15px 0 0;padding-top:12px;font-size:11px;line-height:1.9}.desk-options summary{cursor:pointer;color:#626f5c;font-size:11px}.desk-options>p{color:#626f5c;margin:9px 0 0;font-size:11px;line-height:1.9}.desk-options>label:not(.desk-check){margin-top:10px}.desk-position{gap:11px;margin:10px 0;display:flex}.desk-position label{color:#626f5c;flex:1;align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}.desk-position input{padding:6px!important}.desk-ip{color:#596f49!important;font:12px IBM Plex Mono,monospace!important}.desk-empty{color:#626f5c;padding:26px 0;font-size:13px;line-height:1.9}.desk-empty p{margin:0 0 10px}.desk-empty span{color:#626f5c;font-size:12px;line-height:2;display:block}.desk-result{align-items:flex-start;gap:11px;margin-bottom:13px;display:flex}.desk-result-symbol{color:#626f5c;background:#e6edda;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;margin-top:2px;display:grid}.desk-result.failure .desk-result-symbol{color:#626f5c;background:#f2e9db}.desk-result.unsupported .desk-result-symbol{color:#626f5c;background:#ede9de}.desk-result h2{color:#3d5535;margin:0;font-size:18px;font-weight:500;line-height:1.7}.desk-result.failure h2{color:#936b42}.desk-result p{color:#626f5c;margin:5px 0 0;font-size:10px}.desk-reason p{color:#6c7a60;margin:9px 0 13px;font-size:12px;line-height:2}.desk-reason h3{color:#626f5c;margin:15px 0 4px;font-size:11px;font-weight:500}.desk-replay{border-top:1px solid #e3e8d8;border-bottom:1px solid #e3e8d8;align-items:center;gap:7px;margin:16px 0;padding:12px 0 13px;display:flex}.desk-replay>span{color:#626f5c;margin-left:auto;font-size:10px}.desk-route{margin:0;padding:0;list-style:none}.desk-route li{position:relative}.desk-route li:not(:last-child):after{content:"";pointer-events:none;border-left:1px solid #d4dec6;height:19px;position:absolute;top:38px;left:20px}.desk-route button{text-align:left;color:#637558;background:0 0;border-left:2px solid #0000;align-items:flex-start;gap:11px;width:100%;padding:11px 8px;font-size:11px;display:flex;position:relative}.desk-route button.current{color:#7f6743;background:#f4f1e7;border-left-color:#bc9259}.route-index{color:#626f5c;z-index:1;background:#fffefa;border:1px solid #d5dfc7;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;margin-top:2px;font:10px Georgia,serif;display:grid}.desk-route .current .route-index{color:#626f5c;background:#f9f5ed;border-color:#cfb893}.desk-route small{color:#626f5c;margin-top:4px;font-size:10px;display:block}.desk-route-note{color:#626f5c;border-top:1px solid #e3e8d8;margin:10px 0 0;padding:12px 0 0;font-size:11px;line-height:2}.desk-checks{color:#626f5c;padding-left:18px;font-size:10px;line-height:1.9}.desk-checks strong{color:#626f5c;font-size:11px;font-weight:500}.desk-checks p{margin:3px 0 12px;font-size:10px}.desk-webpage{background:#fcfdf8;border:1px solid #dee5d2;border-radius:3px;margin:16px 0;padding:13px}.desk-webpage>span{color:#626f5c;border-bottom:1px solid #e4ead9;margin-bottom:12px;padding-bottom:9px;font-size:9px;display:block}.desk-webpage strong{color:#626f5c;font:18px Georgia,serif}.desk-webpage p{color:#626f5c;margin:8px 0 0;font-size:10px}.desk-reflection{color:#626f5c;margin-top:18px;font-size:11px;display:block}.desk-reflection textarea{color:#626f5c;resize:vertical;background:#fcfdf7;border:1px solid #d9e1cb;border-radius:3px;width:100%;min-height:74px;margin:8px 0 10px;padding:10px;font-size:11px;line-height:1.9;display:block}.desk-side .text-control{color:#626f5c;font-size:10px}.desk-notice{z-index:100;color:#626f5c;background:#fffffa;border:1px solid #cbd5bf;border-radius:4px;align-items:center;gap:10px;min-width:260px;max-width:min(650px,100vw - 30px);padding:11px 14px;font-size:12px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #53623e16}.desk-notice>svg{flex-shrink:0}.desk-notice .desk-icon{margin-left:auto}.studio-footnote{color:#626f5c;border-bottom:1px solid #dde3d2;align-items:flex-start;gap:19px;padding:19px 0 16px;font-size:12px;line-height:1.9;display:flex}.studio-footnote>span:first-child{white-space:nowrap;color:#626f5c;font-size:11px}.studio-footnote p{color:#626f5c;margin:0;font-size:12px}.desk-autosave{white-space:nowrap;color:#626f5c;margin-left:auto;padding-top:2px;font-size:10px}.desk-wiring-list{color:#626f5c;border-bottom:1px solid #dce3d0;padding:14px 0;font-size:12px}.desk-wiring-list summary{cursor:pointer;color:#626f5c;align-items:center;gap:12px;font-size:12px;list-style:none;display:flex}.desk-wiring-list summary>span{color:#626f5c;font:11px Georgia,serif}.desk-wiring-list>p{color:#626f5c;padding:12px 0 0;font-size:12px}.desk-wiring-list table{border-collapse:collapse;text-align:left;color:#626f5c;width:100%;margin-top:15px;font-size:11px}.desk-wiring-list th{color:#626f5c;white-space:nowrap;border-bottom:1px solid #dce4ce;padding:10px;font-size:10px;font-weight:400}.desk-wiring-list td{border-bottom:1px solid #e5ebdb;padding:10px}.desk-wiring-list td label{align-items:center;gap:7px;display:flex}.desk-reading{grid-template-columns:1fr 1fr;gap:35px;padding:17px 0 3px;display:grid}.desk-reading details{color:#626f5c;font-size:12px;line-height:2}.desk-reading summary{cursor:pointer;color:#626f5c;font-size:12px}.desk-reading p{margin:12px 0;font-size:12px;line-height:2}.desk-reading b{color:#626f5c;font-weight:500}.studio-footer{color:#626f5c;justify-content:space-between;align-items:flex-start;gap:30px;font-size:10px;display:flex;border:0!important;margin-top:0!important;padding:20px 0 25px!important}.studio-footer details{text-align:right;max-width:550px;line-height:1.9}.studio-footer summary{cursor:pointer;color:#626f5c}.studio-footer p{color:#626f5c;margin:10px 0 0;font-size:10px}.desk-loading{color:#626f5c;background:#eceae3;justify-content:center;align-items:center;height:470px;font-size:13px;display:flex}.refined-app .intro{margin-bottom:26px}.refined-app .intro h1{letter-spacing:.3px;color:#34472e;margin:0 0 8px;font-size:28px;font-weight:500}.refined-app .intro p{color:#626f5c;font-size:13px}.refined-app .workbench,.refined-app .basic-role,.refined-app .lab-card,.refined-app .challenge-card{box-shadow:none;background:#fffefa;border-color:#d2dcc4;border-radius:5px}.refined-app .eyebrow{letter-spacing:.4px;color:#626f5c;font-size:10px}.refined-app .basic-role .eyebrow{color:#626f5c;font-family:inherit;font-size:10px}.refined-app .basic-role h2{color:#536c40}.refined-app .basic-role h2 small{color:#626f5c}.refined-app .basic-role p,.refined-app .basic-role li{color:#61764e}.refined-app .basic-role.active{box-shadow:none;background:#f2f5e9;border-color:#9bb784}.refined-app .basic-role.ip.active{background:#f0f2f6;border-color:#a5b4c9}.refined-app .bench-top,.refined-app .bench-title,.refined-app .card-header{color:#626f5c;background:#fafbf4;border-color:#dbe4ce}.refined-app .bench-title strong,.refined-app .card-header h2{color:#626f5c;font-weight:500}.refined-app .subtle,.refined-app .simulation-label{color:#626f5c}.refined-app .square-number{color:#626f5c;background:#eef2e6;border-color:#c5d5b3}.refined-app .start-button{color:#fffefa;box-shadow:none;background:#537b48;border-radius:3px;font-weight:400}.refined-app .start-button:hover{background:#416637}.refined-app .secondary-button,.refined-app .icon-button{color:#626f5c}.refined-app .secondary-button{background:#f3f6eb;border-color:#d3dfc2;border-radius:3px}.refined-app .icon-button:hover{background:#ebf1e0}.refined-app .world-toolbar,.refined-app .basic-toolbar{background:#f6f8ef;border-color:#d8e2cb}.refined-app .lesson-select select,.refined-app .world-speed select,.refined-app .basic-toolbar select{color:#626f5c;background:#fcfdf8;border-color:#c8d9b9}.refined-app .world-toggle,.refined-app .world-toggle.on{color:#626f5c;background:#edf3e3;border-color:#c1d4af}.refined-app .world-status{color:#626f5c}.refined-app .world-status i{background:#a1bb8a}.refined-app .world-left{background:#f7f9f1}.refined-app .world-inspector,.refined-app .inspector{background:#fffefa;border-color:#d6e2c7}.refined-app .world-inspector .inspector-head,.refined-app .inspector-head{color:#626f5c;background:#f6f9ee;border-color:#d6e2c7}.refined-app .world-details h2,.refined-app .inspect-content h2{color:#626f5c}.refined-app .world-details>p,.refined-app .world-explanation,.refined-app .event-detail{color:#637753}.refined-app .watch-note{color:#626f5c;background:#f0f5e6;border-color:#c1d9a9}.refined-app .packet-fields>div{border-color:#e5ecd9}.refined-app .packet-fields dt,.refined-app .packet-fields dd{color:#626f5c}.refined-app .payload{color:#626f5c;background:#f7faf1;border-color:#d4e2c5}.refined-app .payload pre{color:#626f5c;background:#f3f8eb}.refined-app .node-picks,.refined-app .journey-controls,.refined-app .world-progress{background:#f7faf0;border-color:#d5e4c5}.refined-app .node-picks button,.refined-app .world-timeline button{color:#626f5c;background:#f5f9ed;border-color:#d2e2c1}.refined-app .node-picks button.selected,.refined-app .world-timeline button.current{color:#626f5c;background:#e7f0db;border-color:#a9c68f}.refined-app .world-timeline{border-color:#d8e6c9}.refined-app .world-timeline button small{color:#626f5c}.refined-app .world-question{color:#626f5c;background:#f0f6e5;border-color:#bed7a5}.refined-app .world-question h3{color:#626f5c}.refined-app .world-question>div button{color:#626f5c;background:#f7fbef;border-color:#c9dfb3}.refined-app .world-question>div button.chosen{color:#626f5c;background:#e2efcf;border-color:#a7c98a}.refined-app .world-evidence{background:#fffefa;border-color:#d7e5c8}.refined-app .evidence-title h2,.refined-app .evidence-title p{color:#626f5c}.refined-app .world-page-result,.refined-app .world-page-result.done{color:#626f5c;background:#f4faeb;border-color:#c5ddae}.refined-app .world-reassembly strong,.refined-app .world-reassembly strong.complete{color:#626f5c;background:#f1f8e6;border-color:#bfdaa4}.refined-app .received-parts>span{color:#626f5c;background:#edf5e0;border-color:#bad49f}.refined-app .world-summary{background:#f0f7e3;border-color:#bed8a1}.refined-app .world-summary h2,.refined-app .world-summary li{color:#626f5c}.refined-app .world-summary textarea{color:#626f5c;background:#fbfdf7;border-color:#c7deb0}.refined-app .understanding-progress{color:#626f5c;background:#f5faec;border-color:#cde0b6}.refined-app .scene-topline,.refined-app .scene-help{color:#626f5c}.refined-app .scene-help{background:#edf4e4bd}.refined-app .scene-actions button{color:#626f5c;background:#fbfdf7dd;border-color:#c5dab0;border-radius:3px}.refined-app .scene-label{color:#626f5c;box-shadow:none;background:#fffefbe8;border-color:#c1d3ae}.refined-app .scene-label.active{color:#626f5c;background:#eef5e4;border-color:#a4c28c}.refined-app .scene-label span{color:#626f5c}.refined-app .scene-packet-tag{background:#fdfdf9e8}.refined-app footer{color:#626f5c;border-color:#dfebd2}.refined-app footer p,.refined-app footer button{color:#626f5c}.refined-app .guide-dialog{color:#647c50;background:#fffef9;border:1px solid #ccd9bc;border-radius:6px;box-shadow:0 10px 60px #2938251c}.refined-app .guide-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2d3a304d}.refined-app .guide-head{color:#626f5c}.refined-app .guide-content h2{color:#626f5c;font-size:25px;font-weight:500}.refined-app .guide-content>p,.refined-app .guide-steps span,.refined-app .guide-scope p{color:#626f5c;font-size:12px;line-height:2}.refined-app .guide-steps b{color:#626f5c;background:#eff5e7;border-color:#ccddba}.refined-app .guide-scope{background:#f7faf0;border-color:#d7e5c9}.refined-app .guide-scope h3{color:#626f5c}.refined-app .guide-scope a{color:#626f5c;font-size:11px}.guide-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:21px;display:flex}.guide-bottom .text-control{color:#626f5c;font-size:11px}@media (min-width:1550px){.scene-board{height:520px}.desk-side-scroll{max-height:710px}}@media (max-width:1100px){.refined-app .header{gap:30px;padding:0 25px}.refined-app .header nav{gap:25px}.quiet-header-end>span,.quiet-brand small{display:none}.studio-workspace{grid-template-columns:minmax(0,1fr) 298px}.desk-side-scroll{padding:19px 17px}.scene-board{height:470px}.desk-count{display:none}.task-line nav{gap:20px}.task-line nav button{font-size:12px}.send-bar{gap:10px;padding:15px 15px 8px}.send-bar>label{gap:7px}.send-bar select{min-width:90px;max-width:155px;padding-right:17px;font-size:11px}.send-button{padding:8px 12px;font-size:11px}.send-note{padding-left:15px;padding-right:15px}.desk-autosave{display:none}}@media (max-width:850px){.refined-app .header{gap:25px;height:68px;padding:0 23px}.refined-app .header nav{gap:24px;margin:0}.refined-app .header nav button:last-child{display:flex}.quiet-header-end{margin-left:auto}.quiet-header-end button>span{display:none}.refined-app main{padding:27px 23px 0}.studio-workspace{grid-template-columns:minmax(0,1fr) 280px}.desk-side-scroll{max-height:660px}.task-line{gap:10px}.task-line nav{gap:15px}.task-line nav button{gap:5px;font-size:11px}.task-line>.text-control{font-size:10px}.desk-toolbar{padding:11px 13px}.desk-toolbar select{max-width:110px;font-size:11px}.desk-toolbar .desk-small-button{padding:5px 8px;font-size:11px}.desk-instruction{padding:9px 13px;font-size:10px}.send-bar{flex-wrap:wrap;gap:10px}.send-bar>label{flex:1}.send-bar select{width:100%;max-width:100%}.send-button{justify-content:center;width:100%;margin-left:0}.desk-device-tabs{padding:7px}.desk-device-tabs button{padding:5px 7px;font-size:10px}.desk-side-tabs{gap:20px;padding:0 16px}.desk-side-tabs button{font-size:11px}.studio-heading{margin-bottom:23px}.desk-reading{gap:25px}}@media (max-width:680px){.refined-app .header{flex-wrap:wrap;gap:12px;height:auto;min-height:67px;padding:14px 18px 0}.quiet-brand{font-size:15px}.quiet-brand small{font-size:11px;display:inline}.quiet-mark{width:25px;height:26px}.quiet-header-end{order:1;align-self:flex-start;margin-left:auto}.quiet-header-end button{padding-top:3px}.refined-app .header nav{flex-basis:100%;order:2;gap:29px;height:43px;margin:4px 0 0}.refined-app .header nav button{font-size:12px}.refined-app main{padding:23px 16px 0}.studio-heading{align-items:flex-start;gap:12px;margin-bottom:23px}.studio-heading h1{font-size:25px}.studio-heading p{max-width:220px;font-size:12px;line-height:1.9}.desk-file-menu{padding-top:4px;font-size:11px}.desk-file-menu summary{gap:6px}.desk-file-menu summary>svg:first-child{width:13px}.task-line{flex-wrap:wrap;gap:0;margin-bottom:15px}.task-line nav{justify-content:space-between;gap:0;width:100%}.task-line nav button{gap:4px;padding-bottom:12px;font-size:10px}.task-line nav button>span{font-size:9px}.task-line>.text-control{display:none}.studio-workspace{grid-template-columns:1fr}.desk-side{border-top:1px solid #d4dacb;border-left:0}.desk-side-tabs{gap:25px;min-height:47px;padding:0 18px}.desk-side-tabs button{font-size:12px}.desk-side-scroll{min-height:220px;max-height:600px;padding:20px}.scene-board{height:370px}.desk-toolbar{padding:11px 13px}.desk-toolbar select{max-width:135px;font-size:12px}.desk-toolbar .desk-small-button{padding:5px 9px;font-size:12px}.desk-count{display:none}.desk-instruction{padding:10px 13px;font-size:10px;line-height:1.9}.desk-camera{gap:6px;top:12px;left:12px}.desk-camera button{padding:6px 8px;font-size:10px}.desk-scene-caption{font-size:8px;bottom:10px;left:13px;right:13px}.desk-device-tabs{padding:8px}.desk-device-tabs button{padding:6px 8px;font-size:11px}.send-bar{flex-wrap:nowrap;gap:10px;padding:14px 15px 8px}.send-bar>label{flex:1;gap:7px;min-width:0;font-size:11px}.send-bar>label:first-child{flex:1.2}.send-bar select{min-width:0;max-width:100%;padding:7px 10px 7px 0;font-size:11px}.send-button{gap:6px;width:auto;margin-left:auto;padding:9px 11px;font-size:11px}.send-button svg{width:12px}.send-note{padding:0 15px 14px;font-size:10px;line-height:1.9}.desk-faceplate{max-width:390px}.desk-jacks{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.desk-jacks button{padding:5px}.desk-jacks button>span,.desk-jacks small{font-size:10px}.desk-faceplate-label strong{font-size:11px}.desk-attached>div{min-height:39px;font-size:12px}.desk-attached code{font-size:11px}.desk-device-form{gap:13px}.desk-device-form>label,.desk-options>label:not(.desk-check){font-size:12px}.desk-device-form select,.desk-device-form input:not([type=checkbox]),.desk-options input:not([type=checkbox]){padding:9px;font-size:13px}.desk-apply{padding:10px;font-size:12px}.desk-device-role{font-size:13px}.desk-options,.desk-options summary{font-size:12px}.desk-result h2{font-size:20px}.desk-reason p{font-size:13px}.desk-route button{padding-top:13px;padding-bottom:13px;font-size:12px}.desk-route small{font-size:11px}.desk-route-note,.desk-reflection,.desk-reflection textarea{font-size:12px}.studio-footnote{flex-wrap:wrap;gap:12px;padding:17px 0}.studio-footnote>span:first-child{font-size:10px}.studio-footnote p{flex:1;font-size:11px}.desk-reading{grid-template-columns:1fr;gap:14px;padding:16px 0 7px}.desk-reading summary,.desk-wiring-list summary,.desk-reading p{font-size:12px}.desk-wiring-list{overflow-x:auto}.desk-wiring-list table{min-width:540px;font-size:11px}.studio-footer{gap:15px;font-size:9px;padding-top:18px!important}.studio-footer details{max-width:220px}.desk-notice{width:max-content;max-width:calc(100vw - 25px);font-size:11px;bottom:14px}.guide-bottom{align-items:flex-start;gap:15px}.guide-bottom .text-control{max-width:130px;font-size:10px}.refined-app .guide-content h2{font-size:22px}.refined-app .guide-content>p,.refined-app .guide-steps span,.refined-app .guide-scope p{font-size:12px}}@media (prefers-reduced-motion:reduce){.studio *{scroll-behavior:auto!important}}.desk-device-role,.desk-reason p{color:#53614e;font-size:13px}.desk-instruction{color:#64705c;font-size:12px}.desk-device-form>label,.desk-options summary,.desk-power,.desk-device-tabs button,.desk-camera button,.desk-route button{font-size:12px}.desk-route small,.desk-route-note{color:#637158;font-size:11px}.desk-reason h3{color:#87623c}.desk-side-scroll{padding-top:21px}.desk-faceplate-label small,.desk-jacks small{color:#becbb5}.desk-faceplate-label strong{color:#e0e6db}.desk-jacks button>span{color:#bccab1}.desk-jacks button{color:#d5dfcd}.desk-checks,.desk-checks strong{color:#647457}.desk-result p,.desk-replay>span{color:#69765f}.studio-footnote p{color:#647257}.desk-reading summary{color:#586d48}.desk-reflection textarea{color:#485d39}.refined-app .world-question p.correct{color:#3f672f}@media (max-width:680px){.task-line>.text-control{margin:10px 0;font-size:11px;display:inline-flex}.desk-instruction,.desk-camera button,.task-line nav button{font-size:11px}.desk-count{display:none}}.refined-app .header nav button{box-shadow:none;text-shadow:none}.refined-app .basic-role h2,.refined-app .basic-role.ip h2{color:#36543e}.refined-app .basic-role p,.refined-app .basic-role ul{color:#55644f;font-size:13px}.refined-app .basic-scenario{color:#69735f;font-size:12px}.refined-app .basic-scenario select{color:#3d5038;background:#fffefa;border-color:#c9d1bf;font-size:12px}.refined-app .panel-kicker{color:#6f7966;letter-spacing:.3px;font-size:10px}.refined-app .basic-experiment h3{color:#4d6458}.refined-app .basic-message{color:#3f583b;background:#eef1e6;border-color:#c8d3ba;border-radius:3px}.refined-app .basic-packets>div{background:#fafbf5;border-color:#cfd7c6;border-radius:3px}.refined-app .basic-packets .current{background:#e9efde;border-color:#819773}.refined-app .basic-packets small{color:#738066;font-family:inherit;font-size:10px}.refined-app .basic-packets strong{color:#415a3b}.refined-app .basic-route,.refined-app .basic-route>small{color:#6b7f70}.refined-app .arrival-label,.refined-app .basic-arrivals>small{color:#738168}.refined-app .basic-arrivals>span{color:#496c39;background:#e9efdf;border-color:#a5b990;border-radius:3px}.refined-app .basic-result{color:#738067;border-color:#c4ceba;border-radius:3px}.refined-app .basic-result.done{color:#3e6331;background:#eef4e5;border-color:#a8be96}.refined-app .basic-step,.refined-app .basic-controls{background:#f4f5ed}.refined-app .basic-step h2{color:#344d31}.refined-app .basic-step p{color:#5f7054;font-size:13px}.refined-app .basic-step code,.refined-app .basic-export{color:#6c7c5e}.refined-app .basic-timeline button{color:#647758;background:#fafbf6;border-color:#d0dac5;border-radius:3px;font-size:11px}.refined-app .basic-timeline button.current{color:#3d5d30;background:#e9efdf;border-color:#9fb78a}.refined-app .basic-question{background:0 0;border-color:#d4ddc8;border-radius:4px}.refined-app .basic-question h3{color:#385033}.refined-app .basic-answers button{color:#587548;background:#fffefa;border-color:#bfcfb0;border-radius:3px;font-size:12px}.refined-app .basic-answers button.chosen{color:#355429;background:#e5edd9;border-color:#91ad77}.refined-app .basic-feedback{color:#4c6c3a;border-color:#ceddc0}.refined-app .experiment-button{color:#4f713a;box-shadow:none;background:#ecf2e2;border-color:#bfd2ad}.refined-app .basic-takeaway{background:#ecefe5;border-color:#869a77}.refined-app .basic-takeaway p,.refined-app .basic-takeaway>svg{color:#637655;font-size:12px}.refined-app .basic-takeaway strong{color:#3a5930}.refined-app .tcpip-basic footer>a{color:#637854}.refined-app .world-scene{background:#eceae3}.refined-app .lesson-goal{color:#647959;border-color:#cbd3c1}.refined-app .lesson-goal>span{color:#728067;font-size:10px}.refined-app .lesson-goal strong{color:#52684a}.refined-app .scene-topline>span:last-child,.refined-app .world-protocol,.refined-app .world-progress>span{color:#65775b}.refined-app .world-progress input{accent-color:#668650}.refined-app .world-protocol .protocol-badge{color:#62799d}.refined-app .world-protocol .protocol-badge[data-protocol=DNS]{color:#9b7039}.refined-app .world-protocol .protocol-badge[data-protocol=HTTP],.refined-app .world-protocol .protocol-badge[data-protocol=IP]{color:#42765b}.refined-app .world-device-ip{color:#45653b}.refined-app .concept{color:#5b7450;background:#f0f4e7;border-color:#93ae7b}.refined-app .concept svg{color:#62864b}.refined-app .world-page-result>span,.refined-app .world-page-result>small,.refined-app .world-page-result.done>span,.refined-app .received-parts small,.refined-app .world-reassembly>div>span,.refined-app .received-parts>small{color:#6e805e}.refined-app .world-page-result>strong,.refined-app .world-page-result.done>strong{color:#405e34}.refined-app .world-question p.rethink{color:#966838}.refined-app .world-details>p,.refined-app .world-explanation{font-size:13px;line-height:2}.refined-app .watch-note{font-size:11px}.scene-board{background:#111e26}.desk-camera button{color:#d0e1e3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#162a34e8;border-color:#536d75;font-size:11px}.desk-camera button:hover{color:#e6f2ed;background:#28434c;border-color:#7ea69f}.desk-camera button:disabled{opacity:.35}.desk-scene-caption{color:#91a9ad}.desk-scene-caption .line-key{background:#579ab7;height:3px;box-shadow:0 -1px #a0cedb}.desk-scene-caption .wifi-key{border-color:#80b7a7}.physical-cable{animation:.55s ease-out both seat-cable}.physical-cable:hover{filter:brightness(1.16)}@keyframes seat-cable{0%{opacity:.1}to{opacity:1}}.desk-side-tabs{gap:17px}.desk-side-tabs button{font-size:11px}.desk-side-tabs button>span{font-size:8px}.desk-replay{flex-wrap:wrap;gap:5px}.desk-replay select{color:#566b48;background:#fafbf5;border:1px solid #d4dcc9;border-radius:3px;max-width:56px;padding:5px 3px;font-size:10px}.desk-replay>span{margin-left:auto;font-family:monospace}.presentation-toggle{white-space:nowrap;margin-left:6px;font-size:11px}.desk-toolbar .presentation-toggle{color:#526a45;background:#e9eedf;border-color:#b8c7ac}.presentation-toggle:hover{background:#dfe8d2!important}.ethernet-guide{margin-top:18px}.cable-study{background:#152732;border:1px solid #2c4752;border-radius:5px;position:relative;overflow:hidden}.cable-study>span{color:#a2bcc5;letter-spacing:.7px;padding:13px 15px 0;font:10px Arial,sans-serif;display:block}.cable-study svg{width:100%;height:auto;max-height:235px;display:block}.cable-study>small{color:#91aeb4;text-align:center;padding:0 12px 14px;font-size:9px;display:block}.cable-study-tabs{border-bottom:1px solid #d5ddcc;grid-template-columns:1fr 1fr 1.2fr;margin-top:13px;display:grid}.cable-study-tabs button{color:#76836a;background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 0;font-size:12px}.cable-study-tabs button[aria-pressed=true]{color:#405b33;border-color:#6a8556}.cable-study-copy{padding:13px 0 0;line-height:1.95}.cable-study-copy h3{color:#3d5335;margin:0 0 9px;font-size:14px;font-weight:500}.cable-study-copy p{color:#68775b;margin:8px 0;font-size:12px}.cable-study-copy b{color:#4c633c;font-weight:600}.selected-cable-info{border-top:1px solid #dce4d1;margin-top:13px;padding:17px 0}.cable-purpose{color:#476b7b;background:#e9f1f2;border:1px solid #c6d8dc;border-radius:3px;padding:4px 7px;font-size:10px}.cable-purpose.wan{color:#886e3b;background:#f5efdf;border-color:#decfa9}.selected-cable-info p{color:#55694b;flex-wrap:wrap;align-items:center;gap:7px;margin:14px 0 7px;font-size:11px;line-height:1.9;display:flex}.selected-cable-info>small{color:#7b856e;margin-bottom:15px;font-size:11px;display:block}.cable-study-hint{color:#748367;font-size:12px;line-height:1.9}.cable-source{color:#697f57;text-underline-offset:3px;padding-top:7px;font-size:10px;text-decoration:underline;display:block}.presentation-mode .studio-workspace{z-index:1000;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 340px;width:100vw;height:100dvh;position:fixed;inset:0}.presentation-mode .desk-main{flex-direction:column;min-height:0;display:flex}.presentation-mode .scene-board{flex:1;height:auto;min-height:220px}.presentation-mode .desk-toolbar{padding:13px 18px}.presentation-mode .desk-side{height:100dvh}.presentation-mode .desk-side-scroll{min-height:0;max-height:none}.presentation-mode .desk-instruction{min-height:38px}.presentation-mode .desk-device-tabs{padding:8px}.presentation-mode .send-bar{padding-top:12px}.presentation-mode .send-note{padding-bottom:10px}.presentation-mode .desk-toolbar .desk-count{display:inline}.presentation-mode .desk-notice{z-index:1100}.presentation-mode .desk-camera{top:17px;left:19px}.presentation-mode .desk-scene-caption{bottom:12px}.presentation-mode .desk-camera button{padding:8px 12px;font-size:12px}.presentation-mode .desk-side-tabs{min-height:61px}.presentation-mode .desk-device-role,.presentation-mode .desk-reason p{font-size:14px}.presentation-mode .desk-result h2{font-size:20px}@media (max-width:1100px){.desk-toolbar .desk-count{display:none}.desk-toolbar .presentation-toggle{padding:6px;font-size:10px}.presentation-mode .studio-workspace{grid-template-columns:minmax(0,1fr) 300px}.presentation-mode .desk-toolbar .desk-count{display:none}.desk-toolbar>div{gap:6px}}@media (max-width:680px){.desk-toolbar .presentation-toggle{margin-left:0;padding:6px}.desk-toolbar .presentation-toggle>span{display:none}.desk-camera{gap:5px}.desk-camera button{padding:6px;font-size:9px}.desk-camera button svg{width:12px}.desk-side-tabs{gap:23px}.desk-side-tabs button{font-size:12px}.cable-study{max-width:330px}.presentation-mode .studio-workspace{flex-direction:column;display:flex;overflow-y:auto}.presentation-mode .desk-main{flex-shrink:0;min-height:600px}.presentation-mode .scene-board{min-height:350px}.presentation-mode .desk-side{flex-shrink:0;height:auto;min-height:380px}.presentation-mode .desk-side-scroll{max-height:none}.presentation-mode .desk-camera button{padding:6px 8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.physical-cable{animation:none}}.seating-ring{animation:.8s ease-out both connector-seat}@keyframes connector-seat{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.seating-ring{display:none}}.desk-webpage.waiting{background:#f5f6ef;border-style:dashed}.desk-webpage.waiting strong{color:#809071;font:15px Arial,sans-serif}.desk-webpage.arrived{animation:.5s ease-out both page-arrival}@keyframes page-arrival{0%{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.desk-webpage.arrived{animation:none}}.desk-result.in-transit .desk-result-symbol{color:#5b7b83;background:#e7eff0}.desk-result.in-transit h2{color:#486367}.physical-cable:focus{outline:none}.physical-cable:focus-visible>polyline:last-child{stroke:#d5c189;stroke-width:1px;stroke-dasharray:3 4}
html,body{color:#e2edf0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1118}.visual-console{--bg:#0b1118;--panel:#111b25;--raised:#182630;--line:#2b3b47;--text:#e2edf0;--muted:#8ca4ae;--green:#d7ef85;--teal:#83ceb9;--amber:#dfbf76;--blue:#78a9c9;min-height:100vh;color:var(--text);background:radial-gradient(at 55% -20%,#20333c80,#0000 65%),#0b1118}.visual-console ::selection{color:#f2ffd2;background:#d7ef8540}.visual-console button,.visual-console a,.visual-console summary{transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}.visual-console :is(button,a,select,input,summary,textarea):focus-visible{outline-offset:3px;outline:2px solid #d7ef85}.visual-console button:disabled{opacity:.36}.visual-console input[type=checkbox],.visual-console input[type=range]{accent-color:#cde683}.visual-console .header{z-index:20;background:#0d151ee8;border-bottom:1px solid #2a3943;gap:48px;height:70px;padding:0 max(30px,50vw - 725px);position:relative;box-shadow:0 1px #020609}.visual-console .quiet-brand{color:#eaf3f3;letter-spacing:-.5px;gap:12px}.visual-console .quiet-brand>span:last-child{display:block}.visual-console .quiet-brand strong{letter-spacing:-.8px;font-size:21px;font-weight:700}.visual-console .quiet-brand strong>span{color:#d7ef85;font-weight:400}.visual-console .quiet-brand small{color:#91a5af;letter-spacing:2px;margin-top:4px;font:9px Arial,sans-serif;display:block}.visual-console .quiet-mark{border:0;place-items:center;width:35px;height:36px;padding:0;display:grid;transform:none}.visual-console .quiet-mark svg{fill:#152a30;stroke:#d7ef85;stroke-width:1.4px;stroke-linejoin:round;width:33px;height:33px}.visual-console .header nav{align-items:center;gap:7px}.visual-console .header nav button{color:#8fa6b1;border:1px solid #0000;border-radius:5px;gap:8px;height:36px;padding:0 15px;font-size:12px}.visual-console .header nav button.nav-active{color:#d7ef85;background:#22312c;border-color:#405241;box-shadow:inset 0 1px #c7e67c12}.visual-console .header nav button:hover{color:#e4eef1;background:#1b2b35}.visual-console .quiet-header-end{gap:22px}.visual-console .quiet-header-end button{color:#91a7b1;font-size:11px}.visual-console .quiet-header-end button:hover{color:#e7f1f2}.visual-console .console-environment{color:#9fadb1;letter-spacing:.2px;align-items:center;gap:8px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.console-environment i,.console-kicker>i{background:#d7ef85;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #d7ef8540}.visual-console main{padding:28px 30px 0}.visual-console .studio{padding-top:24px!important}.visual-console .studio-heading{gap:26px;min-height:91px;margin-bottom:20px}.console-title{flex:1;min-width:0}.console-kicker{text-transform:uppercase;letter-spacing:2px;color:#a6b7bc;align-items:center;gap:8px;margin-bottom:6px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.console-kicker>span{color:#566e7a;letter-spacing:1px;margin-left:6px}.visual-console .studio-heading h1{letter-spacing:1px;color:#eff6f5;margin:0 0 6px;font-size:31px;font-weight:600;line-height:1.4}.console-title-dot{color:#d7ef85;margin-left:4px;display:inline-block}.visual-console .studio-heading p{color:#8fa4ae;font-size:12px;line-height:1.8}.console-telemetry{align-items:stretch;gap:0;margin-left:auto;display:flex}.console-telemetry>div{border-left:1px solid #263743;align-items:flex-start;gap:10px;min-width:103px;padding:3px 23px;display:flex}.console-telemetry>div>svg{color:#738b96;width:13px;margin-top:2px}.console-telemetry>div>span{color:#879ca6;letter-spacing:.3px;white-space:nowrap;font-size:9px;display:block}.console-telemetry strong{color:#d9e7eb;letter-spacing:-1.5px;margin-top:7px;font:27px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.console-telemetry strong small{color:#708791;letter-spacing:-.2px;font-size:11px}.device-meter{align-self:flex-end;align-items:flex-end;gap:3px;max-width:45px;height:28px;margin-left:3px;display:flex;overflow:hidden}.device-meter i{background:#32434b;border-radius:1px;flex-shrink:0;width:3px;height:16px}.device-meter i:nth-child(3n){height:26px}.device-meter i:nth-child(3n+1){height:21px}.device-meter i.on{background:#a9c678}.visual-console .desk-file-menu{color:#a3b5bd;align-self:center;margin-left:3px;font-size:11px}.visual-console .desk-file-menu summary{background:linear-gradient(#1d2a34,#18242e);border:1px solid #364752;border-radius:5px;padding:9px 11px;box-shadow:inset 0 1px #ffffff06}.visual-console .desk-file-menu summary:hover{color:#e1ecf0;border-color:#607582}.visual-console .desk-file-menu>div{background:#172530;border:1px solid #3d505b;border-radius:6px;min-width:190px;padding:6px;box-shadow:0 12px 35px #0009}.visual-console .desk-file-menu button{color:#b8c9d1;border-radius:3px}.visual-console .desk-file-menu button:hover{background:#283d49}.visual-console .task-line{border:0;gap:15px;margin-bottom:15px}.visual-console .task-line nav{background:#101b24;border:1px solid #2a3b47;border-radius:6px;gap:3px;padding:4px;box-shadow:inset 0 1px 5px #0003}.visual-console .task-line nav button{color:#8ea4ae;border:1px solid #0000;border-radius:4px;gap:8px;margin:0;padding:9px 15px;font-size:11px}.visual-console .task-line nav button>span{color:#637d89;font:9px ui-monospace,monospace}.visual-console .task-line nav button:hover{color:#deeaef;background:#1c2d38}.visual-console .task-line nav button.current{color:#d7ef85;background:#25332c;border-color:#3e5143;box-shadow:inset 0 1px #cde78110}.visual-console .task-line nav button.current>span{color:#afc77d}.visual-console .text-control{color:#a9bbbf;font-size:11px}.visual-console .text-control:hover{color:#d7ef85}.visual-console .task-line>.text-control{margin-bottom:0;font-size:11px}.visual-console .studio-workspace{background:#111c26;border:1px solid #3a4c58;border-radius:9px;grid-template-columns:minmax(0,1fr) 330px;height:calc(100dvh - 285px);min-height:620px;max-height:860px;box-shadow:0 18px 45px #0004,0 0 0 4px #17232c80,inset 0 1px #a2c3d20d}.visual-console .desk-main{background:#111c26;flex-direction:column;min-height:0;display:flex}.console-panel-caption{background:linear-gradient(#243440,#1b2b36);border-bottom:1px solid #314551;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:28px;padding:0 17px;display:flex;box-shadow:inset 0 1px #d8f2ff07}.console-panel-caption>span{color:#b1c5cd;letter-spacing:.6px;align-items:center;gap:8px;font-size:10px;display:flex}.console-panel-caption>span svg{color:#c1d28e}.console-panel-caption small{color:#77909e;font:9px ui-monospace,monospace}.visual-console .desk-toolbar{background:#17242e;border-bottom:1px solid #2d414d;flex-shrink:0;gap:10px;min-height:47px;padding:8px 14px}.visual-console .desk-toolbar select{color:#a8bdc7;border-color:#354b57;max-width:110px;font-size:11px}.visual-console option{color:#d3e4e9;background:#1a2a35}.visual-console .desk-small-button{color:#b7cdd6;background:linear-gradient(#273b47,#20323e);border-color:#3c515e;border-radius:4px;padding:5px 9px;font-size:11px;box-shadow:inset 0 1px #def4ff06}.visual-console .desk-small-button:hover{color:#edf7f8;background:#304955;border-color:#6b8796}.visual-console .desk-icon{color:#8da7b4;border-radius:4px}.visual-console .desk-icon:hover{color:#dbeef4;background:#29424f}.visual-console .desk-count{color:#788f9d;border-color:#354a57;padding-left:9px;font:9px ui-monospace,monospace}.visual-console .desk-toolbar .presentation-toggle{color:#d4e39f;background:#29382d;border-color:#485a43;margin-left:4px;font-size:10px}.visual-console .presentation-toggle:hover{color:#eaffb1!important;background:#3b4c35!important}.visual-console .desk-instruction{color:#829da9;background:#15222c;border-color:#293e49;flex-shrink:0;min-height:34px;padding:6px 17px;font-size:10px}.visual-console .desk-instruction.has-pending{color:#dfc28a;background:#302d22;border-color:#67563a}.visual-console .desk-instruction button{color:#dfbf76}.visual-console .scene-board{background:#101b23;flex:1;height:auto;min-height:300px}.visual-console .scene-board:after{content:"";pointer-events:none;border-top:1px solid #080f15;border-bottom:1px solid #050e15;position:absolute;inset:0;box-shadow:inset 0 0 90px #030b1340}.visual-console .desk-camera{z-index:2;gap:5px;top:13px;left:15px}.visual-console .desk-camera button{color:#9cb5c1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#142631e8;border-color:#385664;border-radius:4px;padding:6px 8px;font-size:10px;box-shadow:0 2px 5px #0003,inset 0 1px #b4d7e808}.visual-console .desk-camera button:hover{color:#e1f3f4;background:#2b4553;border-color:#688f9d;transform:translateY(-1px)}.visual-console .desk-scene-caption{color:#6f909f;z-index:2;font:9px Arial,sans-serif;bottom:10px}.visual-console .desk-device-tabs{background:#152630;border-color:#2a414d;flex-shrink:0;gap:3px;min-height:39px;padding:6px 8px}.visual-console .desk-device-tabs button{color:#8faab6;border:1px solid #0000;border-radius:4px;padding:6px 8px;font-size:10px}.visual-console .desk-device-tabs button:hover{color:#d5e5ed;background:#203944}.visual-console .desk-device-tabs button[aria-pressed=true]{color:#d7ed9d;background:#2e4034;border-color:#4c6045}.visual-console .desk-device-tabs i{background:#4a5c65}.visual-console .desk-device-tabs i.powered{background:#b5d581;box-shadow:0 0 6px #b5d58130}.visual-console .send-bar{background:#14212b;flex-shrink:0;gap:14px;padding:11px 17px 8px}.visual-console .send-bar>label{color:#819ca9;gap:8px;font-size:10px}.visual-console .send-bar>svg{color:#567484;width:15px}.visual-console .send-bar select{color:#c6dbe3;background:#1b2e39;border:1px solid #3a5260;border-radius:4px;min-width:108px;max-width:150px;padding:7px 20px 7px 9px;font-size:11px;box-shadow:inset 0 1px 4px #0002}.visual-console .send-button{color:#23301e;letter-spacing:.3px;background:linear-gradient(#e1f49b,#c7e279);border-color:#c7e279;border-radius:5px;padding:9px 17px;font-size:11px;font-weight:600;box-shadow:0 3px 10px #b1cf5e15,inset 0 1px #f8ffdb80}.visual-console .send-button:hover{background:#e6f9aa;border-color:#e6f9aa;transform:translateY(-1px);box-shadow:0 0 20px #c1df7825}.visual-console .send-button:active{box-shadow:none;transform:translateY(1px)}.visual-console .send-note{color:#748f9c;background:#14212b;flex-shrink:0;padding:0 17px 10px;font-size:9px}.visual-console .desk-side{background:#141f29;border-color:#3a4c58;min-height:0}.visual-console .desk-side-tabs{background:linear-gradient(#1b2b36,#182630);border-color:#32434e;gap:19px;min-height:53px;padding:0 18px}.visual-console .desk-side-tabs button{color:#849eaa;gap:6px;font-size:11px}.visual-console .desk-side-tabs button[aria-pressed=true]{color:#d7ef85;border-color:#d7ef85}.visual-console .desk-side-tabs button>span{color:#6f8895;font:8px ui-monospace,monospace}.visual-console .desk-side-scroll{scrollbar-color:#405663 transparent;scrollbar-width:thin;max-height:none;padding:21px 20px}.visual-console .desk-device-title>div>span{color:#829eac;letter-spacing:.8px;text-transform:uppercase;font:9px ui-monospace,monospace}.visual-console .desk-device-title h2{color:#e4eff1;letter-spacing:-.4px;align-items:center;gap:10px;margin-top:6px;font-size:25px;font-weight:500;display:flex}.console-device-led{background:#5a6970;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #25373f}.console-device-led.on{background:#d7ef85;box-shadow:0 0 0 3px #a4be6512,0 0 9px #c4e18445}.visual-console .desk-device-role{color:#a0b4bd;margin:13px 0;font-size:12px;line-height:1.9}.visual-console .desk-power{color:#91a9b6;margin-bottom:17px;font-size:10px}.visual-console .desk-faceplate{background:repeating-linear-gradient(0deg,#29404a0a 0,#8ba5b70a 1px,#0000 1px 3px),linear-gradient(115deg,#314754,#243843 55%,#304854);border:1px solid #526d7b;border-radius:5px;padding:12px 10px;box-shadow:inset 0 1px #b6d6e828,inset 0 -2px #0d1a2590,0 5px 12px #0003}.visual-console .desk-faceplate-label{color:#bbcdd4;border-color:#9bb7bd25;padding-bottom:10px;position:relative}.visual-console .desk-faceplate-label strong{color:#ddebf0;letter-spacing:.6px;font:9px ui-monospace,monospace}.visual-console .desk-faceplate-label small{color:#a6bac2;font:8px ui-monospace,monospace}.visual-console .desk-jacks button{color:#c2d4dc;background:#11232de0;border-color:#49606c;border-radius:3px;padding:5px 3px;box-shadow:inset 0 1px 3px #0006}.visual-console .desk-jacks button:hover{background:#29444e;border-color:#a4c17c;box-shadow:0 0 9px #b9d47715}.visual-console .desk-jacks button[aria-pressed=true]{background:#4a412a;border-color:#d8bd7e;box-shadow:0 0 10px #d4b47320}.visual-console .desk-jacks button>span{color:#bbced6;font:8px ui-monospace,monospace}.visual-console .desk-jacks small{color:#819da9;font-size:8px}.visual-console .desk-attached>div{color:#99afba;border-color:#293e49;padding:3px 0;font-size:10px}.visual-console .desk-attached code{color:#bdd28f;font:9px ui-monospace,monospace}.visual-console .desk-device-form>label,.visual-console .desk-options>label:not(.desk-check){color:#89a4b1;gap:7px;font-size:10px}.visual-console .desk-device-form select,.visual-console .desk-device-form input:not([type=checkbox]),.visual-console .desk-options input:not([type=checkbox]){color:#cbdee6;background:#0e1a24;border-color:#334d5b;border-radius:4px;padding:9px 10px;font-size:11px;box-shadow:inset 0 2px 4px #0002}.visual-console .desk-device-form input:focus,.visual-console .desk-device-form select:focus{border-color:#859e69}.visual-console .desk-check,.visual-console .desk-device-form .desk-check{color:#a0b6c0;font-size:10px}.visual-console .desk-apply{color:#d1e69e;background:#2d3e30;border-color:#526747;border-radius:4px;padding:9px;font-size:10px}.visual-console .desk-apply:hover{background:#3b5036;border-color:#94ae70}.visual-console .desk-options{color:#829eac;border-color:#2c414e}.visual-console .desk-options summary{color:#91acb8}.visual-console .desk-options>p{color:#7f9aa8}.visual-console .desk-position label{color:#87a1af}.visual-console .desk-ip{color:#c1d79d!important;font:11px ui-monospace,monospace!important}.visual-console .desk-empty,.visual-console .desk-empty span{color:#8ba6b4}.visual-console .desk-result-symbol{color:#d7ef85;background:#2a3b2c;border:1px solid #536748;border-radius:7px;width:32px;height:32px}.visual-console .desk-result.failure .desk-result-symbol,.visual-console .desk-result.unsupported .desk-result-symbol{color:#e4bc87;background:#3b2f26;border-color:#6c5238}.visual-console .desk-result.in-transit .desk-result-symbol{color:#a1d0e4;background:#263d49;border-color:#486b7e}.visual-console .desk-result h2{color:#d7ef9d;font-size:19px;line-height:1.5}.visual-console .desk-result.failure h2{color:#e3bd8a}.visual-console .desk-result.in-transit h2{color:#c7e1ec}.visual-console .desk-result p{color:#829eaa}.visual-console .desk-reason p{color:#a0b8c2}.visual-console .desk-reason h3{color:#8ea7b4}.visual-console .desk-replay{border-color:#2d4350}.visual-console .desk-replay>span{color:#829fad}.visual-console .desk-replay select{color:#b2c9d4;background:#1c303c;border-color:#3b5665}.visual-console .desk-route button{color:#99b3c0;border-radius:3px;padding:11px 8px;font-size:11px}.visual-console .desk-route button:hover{background:#20333e}.visual-console .desk-route button.current{color:#d3e8aa;background:#2c352b;border-left-color:#d7ef85}.visual-console .route-index{color:#8ca9b8;background:#172a36;border-color:#3b5667;font:10px ui-monospace,monospace}.visual-console .desk-route .current .route-index{color:#e3f5bc;background:#34462f;border-color:#7e985b}.visual-console .desk-route li:not(:last-child):after{border-color:#3a5362}.visual-console .desk-route small{color:#7c9aa9}.visual-console .desk-route-note{color:#87a3b2;border-color:#2d4350}.visual-console .desk-checks,.visual-console .desk-checks strong{color:#9bb2be}.visual-console .desk-webpage{background:#1d2e2c;border-color:#425d48;border-radius:5px;padding:14px}.visual-console .desk-webpage>span{color:#a1bdac;border-color:#3b5147;padding-bottom:10px;font:9px ui-monospace,monospace}.visual-console .desk-webpage strong{color:#e2f3ba;font:18px Arial,sans-serif}.visual-console .desk-webpage p{color:#9fb7b0}.visual-console .desk-webpage.waiting{background:#162631;border-color:#3a515f}.visual-console .desk-webpage.waiting strong{color:#86a3b0}.visual-console .desk-reflection{color:#99b1bd}.visual-console .desk-reflection textarea{color:#c6dbe5;background:#0f1c26;border-color:#354f5f;border-radius:5px;line-height:1.9}.visual-console textarea::placeholder{color:#627e8e}.visual-console .desk-side .text-control{color:#b2c78a}.visual-console .desk-notice{color:#d2e5ec;background:#20323d;border-color:#56717e;border-radius:6px;font-size:12px;box-shadow:0 10px 40px #0008}.visual-console .studio-footnote{color:#8098a5;border-color:#293a45;gap:18px;padding:18px 0;font-size:11px}.visual-console .studio-footnote p{color:#819ba9;font-size:11px}.visual-console .studio-footnote>span:first-child{color:#acbc94;padding-top:3px;font:10px ui-monospace,monospace}.visual-console .desk-autosave{color:#718d9d;font-size:9px}.visual-console .desk-wiring-list{color:#8ba5b3;border-color:#293e4a}.visual-console .desk-wiring-list summary{color:#9bb1bc;font-size:11px}.visual-console .desk-wiring-list summary>span{color:#6c8999;font:10px ui-monospace,monospace}.visual-console .desk-wiring-list>p,.visual-console .desk-wiring-list table{color:#91aab7}.visual-console .desk-wiring-list th{color:#6e8b9c;border-color:#324b5a}.visual-console .desk-wiring-list td{border-color:#263d4a}.visual-console .desk-reading{gap:28px;padding-top:16px}.visual-console .desk-reading details,.visual-console .desk-reading summary{color:#8ba6b4;font-size:11px}.visual-console .desk-reading b{color:#c2d2a3}.visual-console .studio-footer,.visual-console .studio-footer summary,.visual-console .studio-footer p{color:#668392;font-size:9px}.visual-console .studio-footer{padding-top:18px!important}.visual-console .desk-loading{color:#7d9ba9;background:#101b23;height:100%}.visual-console .cable-study{background:linear-gradient(135deg,#213c4c,#142a38);border-color:#3c5c6c;border-radius:6px;box-shadow:inset 0 1px #c5e6ef0a}.visual-console .cable-study-tabs{border-color:#344d5c;gap:5px}.visual-console .cable-study-tabs button{color:#809eae;font-size:11px}.visual-console .cable-study-tabs button[aria-pressed=true]{color:#d3e8a5;border-color:#c0d78b}.visual-console .cable-study-copy h3{color:#d0e1e8}.visual-console .cable-study-copy p{color:#9cb6c3}.visual-console .cable-study-copy b{color:#cfdea8}.visual-console .selected-cable-info{border-color:#304957}.visual-console .selected-cable-info p{color:#a8c0cc}.visual-console .selected-cable-info>small,.visual-console .cable-study-hint{color:#8ca8b8}.visual-console .cable-purpose{color:#afd2e2;background:#263e4e;border-color:#49687a}.visual-console .cable-purpose.wan{color:#e3c388;background:#3c3424;border-color:#6e5c35}.visual-console .cable-source{color:#9cb78e}.visual-console .intro{margin-bottom:24px}.visual-console .intro h1{color:#e5eef0;letter-spacing:.5px;font-size:29px}.visual-console .intro h1 span{color:#d2e99b}.visual-console .intro p{color:#90a8b6}.visual-console .eyebrow{color:#87a2b2;letter-spacing:1px;font-size:9px}.visual-console .small-line{background:#4b6677}.visual-console .workbench,.visual-console .basic-role,.visual-console .lab-card,.visual-console .challenge-card{background:#131f29;border-color:#354b5a;border-radius:7px;box-shadow:0 12px 35px #0002}.visual-console .basic-role{background:linear-gradient(135deg,#1a2a35,#13212b)}.visual-console .basic-role.active{background:#23352a;border-color:#809b5b}.visual-console .basic-role.ip.active{background:#203342;border-color:#61859c}.visual-console .basic-role .eyebrow{color:#8daab9;font-size:10px}.visual-console .basic-role h2{color:#d9edac}.visual-console .basic-role.ip h2{color:#b2d5e5}.visual-console .basic-role h2 small{color:#8ba5b4}.visual-console .basic-role p,.visual-console .basic-role li{color:#a5bdc7}.visual-console .bench-top,.visual-console .bench-title,.visual-console .card-header{color:#9eb7c5;background:#1b2c37;border-color:#344e5c}.visual-console .bench-title strong,.visual-console .card-header h2{color:#d9e7ed;font-weight:500}.visual-console .subtle,.visual-console .simulation-label{color:#7796a8}.visual-console .simulation-label i{background:#c6e581}.visual-console .square-number{color:#d5ebac;background:#2b3c31;border-color:#506442;border-radius:3px;font:10px ui-monospace,monospace}.visual-console .start-button,.visual-console .experiment-button{color:#253222;background:#cde787;border-color:#cde787;border-radius:4px;font-weight:500}.visual-console .start-button:hover,.visual-console .experiment-button:hover{color:#172516;background:#e1f2ad}.visual-console .basic-scenario{color:#a5bcc9}.visual-console .basic-scenario select{color:#c4dce7;background:#142633;border-color:#3c5869;border-radius:4px}.visual-console .panel-kicker{color:#8aa8b9}.visual-console .basic-experiment h3{color:#e1ecf0}.visual-console .basic-message{color:#a5bdc9;background:#1b2e3a;border-color:#3a5565}.visual-console .basic-message strong{color:#d9e6eb}.visual-console .basic-packets>div{color:#bddcea;background:#172e3c;border-color:#416579;border-radius:5px}.visual-console .basic-packets>div.current{color:#e4f4bd;background:#36452e;border-color:#b4d37e}.visual-console .basic-packets small{color:#81a1b4}.visual-console .basic-route{background:#0f1e29;border-color:#2e4d5f}.visual-console .basic-route>span{color:#9fbbc9}.visual-console .arrival-label{color:#829eaf}.visual-console .basic-arrivals{background:#101e29;border-color:#344f61}.visual-console .basic-arrivals>span{color:#d2e6b2;background:#304330;border-color:#5c7750}.visual-console .basic-result{color:#94b0c0;background:#1a2b37;border-color:#344f61}.visual-console .basic-result.done{color:#d4ebaf;background:#26392b;border-color:#4b6847}.visual-console .basic-result strong{color:inherit}.visual-console .basic-step{color:#c8dce7;background:#192d3b;border-color:#355364}.visual-console .basic-step p{color:#9bb9c9}.visual-console .basic-controls{border-color:#2f4757}.visual-console .basic-controls>span{color:#8ca8ba}.visual-console .basic-export{color:#a9c78d}.visual-console .basic-timeline{border-color:#304958}.visual-console .basic-timeline button{color:#8daaba;background:#152630;border-color:#2e4b5a}.visual-console .basic-timeline button.current{color:#d8eab4;background:#2c3e2f;border-color:#92af6d}.visual-console .basic-timeline button>span{color:#9bb3bf}.visual-console .basic-question{color:#c9dce6;border-color:#314c5c}.visual-console .basic-question h3{color:#dce9ef}.visual-console .basic-answers button{color:#a4bfce;background:#152732;border-color:#3a5566}.visual-console .basic-answers button.chosen{color:#dcecbd;background:#2f412e;border-color:#a7c77b}.visual-console .basic-feedback{color:#a3bdca;background:#1a2c38;border-color:#355162}.visual-console .basic-feedback strong{color:#d1e7a7}.visual-console .basic-takeaway{color:#adc394;background:#24372a;border-color:#496c43}.visual-console footer{color:#7895a6;border-color:#2b4352}.visual-console footer p{color:#708e9f}.visual-console footer button,.visual-console footer a,.visual-console .back-link{color:#a3bd8d}.visual-console .footer-mark{color:#91abb9}.visual-console .lesson-goal{color:#9fb98a;background:#26362a;border-color:#50623e}.visual-console .lesson-goal>span{color:#8fa17f}.visual-console .lesson-goal strong{color:#d1e7ab}.visual-console .world-workbench{background:#14232f;border-color:#385260;border-radius:7px;box-shadow:0 14px 40px #0003}.visual-console .world-toolbar{background:#1b2d39;border-color:#354e5e}.visual-console .lesson-select{color:#b3cad7;background:#172a37;border-color:#3d5a6c}.visual-console .lesson-select select{color:#c2d8e4;background:#172a37}.visual-console .world-toggle button{color:#8eabbc;background:#152734;border-color:#3c586a}.visual-console .world-toggle button.active,.visual-console .world-toggle button[aria-pressed=true]{color:#d4e7b2;background:#30422d;border-color:#718b57}.visual-console .world-status{color:#a3bbca}.visual-console .world-scene{background:#101b23}.visual-console .scene-topline{color:#7e9cad}.visual-console .scene-topline>span:last-child{color:#aac28f}.visual-console .scene-help{color:#7195a7}.visual-console .scene-actions button{color:#b0c9d6;background:#182e3bf0;border-color:#3a596b}.visual-console .scene-label{color:#d2e4ed;background:#192c39;border-color:#47697d}.visual-console .scene-label.selected{color:#e3f1c8;background:#2d3e2f;border-color:#b9d58b}.visual-console .scene-label small{color:#87a5b8}.visual-console .scene-packet-tag{color:#d4e9e6;background:#263e48;border-color:#698d8d}.visual-console .node-picks{background:#172a37;border-color:#334f61}.visual-console .node-picks button{color:#91aebf;background:0 0;border-color:#38586b}.visual-console .node-picks button.selected{color:#d5eab8;background:#30432f;border-color:#708a57}.visual-console .journey-controls{background:#152733;border-color:#334f5f}.visual-console .journey-controls button:not(.start-button){color:#a7c0ce;background:#203745;border-color:#3d5c6e}.visual-console .world-speed{color:#8caabb}.visual-console .world-speed select{color:#bdcfdb;background:#1d3342}.visual-console .world-progress{background:#142530;border-color:#2f4c5e}.visual-console .world-progress>span{color:#b8cf99}.visual-console .world-timeline{background:#13232f;border-color:#365163}.visual-console .world-timeline button{color:#96b1c2;background:#152936;border-color:#2d4b5e}.visual-console .world-timeline button.current{color:#d8eab9;background:#2b3e2c;border-color:#728c57}.visual-console .world-timeline button small{color:#6f94a9}.visual-console .world-inspector{background:#152530;border-color:#36515f}.visual-console .inspector-head{color:#adcad9;background:#1c303d;border-color:#36515f}.visual-console .world-details h2{color:#d4e4ed}.visual-console .world-details>p,.visual-console .world-explanation{color:#a5bdca}.visual-console .world-device-ip{color:#c7dea7}.visual-console .world-protocol{color:#9dbb89}.visual-console .world-protocol .protocol-badge{color:#b2cce7}.visual-console .world-protocol .protocol-badge[data-protocol=DNS]{color:#e0c185}.visual-console .world-protocol .protocol-badge[data-protocol=HTTP],.visual-console .world-protocol .protocol-badge[data-protocol=IP]{color:#b4daab}.visual-console .packet-fields>div{border-color:#304b5e}.visual-console .packet-fields dt{color:#7e9db1}.visual-console .packet-fields dd{color:#c6dce9}.visual-console .payload{color:#92b5cc;background:#10222e;border-color:#2e5065}.visual-console .payload pre{color:#a8c1d1}.visual-console .concept{color:#b5cca0;background:#293c2b;border-color:#799b5a}.visual-console .concept svg{color:#c2df9e}.visual-console .watch-note{color:#8ba9ba;background:#1d303d;border-color:#3b5b70}.visual-console .world-question{color:#adc5d3;background:#172a38;border-color:#355063}.visual-console .world-question h3{color:#d9e8f0}.visual-console .world-question button{color:#adc9da;background:#1b3242;border-color:#45647a}.visual-console .world-question button.chosen{color:#deedc6;background:#344731;border-color:#92ad6b}.visual-console .world-question p.correct{color:#c3dfa3}.visual-console .world-question p.rethink{color:#dfb982}.visual-console .understanding-progress{color:#8aabbe;background:#152a39;border-color:#36596e}.visual-console .world-evidence{color:#9ebacb;background:#142633;border-color:#355265}.visual-console .evidence-title{color:#b4cbd8;border-color:#395466}.visual-console .world-page-result{background:#192f3d;border-color:#3b5b6d}.visual-console .world-page-result>span,.visual-console .world-page-result>small,.visual-console .world-page-result.done>span,.visual-console .received-parts small,.visual-console .world-reassembly>div>span,.visual-console .received-parts>small{color:#8fafa0}.visual-console .world-page-result>strong,.visual-console .world-page-result.done>strong{color:#d8ecb5}.visual-console .world-page-result.done{background:#263b2c;border-color:#56764d}.visual-console .world-reassembly{color:#9fbaca;background:#192e3c;border-color:#3b576b}.visual-console .received-parts>span{color:#d2e9af;background:#30452f;border-color:#6b8756}.visual-console .world-summary{color:#a1bbca;background:#172b39;border-color:#344f62}.visual-console .guide-dialog{color:#c5dae5;background:#172630;border:1px solid #496571;border-radius:10px;box-shadow:0 30px 100px #000a}.visual-console .guide-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030a11be}.visual-console .guide-head{color:#a0bdcd;border-color:#3a5665}.visual-console .guide-content h2{color:#e3edf0}.visual-console .guide-content>p{color:#a9c0cc}.visual-console .guide-steps li{color:#9db8c8;border-color:#344f5f}.visual-console .guide-steps b{color:#d0e5a7}.visual-console .guide-scope{color:#9ebac8;background:#1d323e;border-color:#3a5664}.visual-console .guide-scope h3{color:#d0e3eb}.visual-console .guide-scope a{color:#b4cd99}.visual-console .guide-bottom{border-color:#3c5563}.visual-console .presentation-mode .studio-workspace{height:100dvh;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 340px}.visual-console .presentation-mode .desk-side{height:100dvh}.visual-console .presentation-mode .scene-board{min-height:220px}.visual-console .presentation-mode .desk-toolbar{padding:11px 17px}.visual-console .presentation-mode .desk-side-tabs{min-height:58px}.visual-console .presentation-mode .send-bar{padding-top:13px}.visual-console .presentation-mode .send-note{padding-bottom:12px}@media (min-width:1600px){.visual-console .studio-workspace{min-height:680px}.visual-console .studio{padding-top:30px!important}.visual-console .studio-heading{margin-bottom:24px}}@media (max-width:1200px){.visual-console .header{gap:28px}.visual-console .header nav button{padding:0 11px}.console-telemetry>div{min-width:82px;padding:3px 15px}.console-telemetry>div:first-child .device-meter{display:none}.visual-console .studio-heading{gap:15px}.visual-console .studio-heading p{max-width:420px}.visual-console .studio-workspace{grid-template-columns:minmax(0,1fr) 310px}.visual-console .desk-toolbar>div{gap:6px}.visual-console .desk-toolbar .desk-count{display:none}.visual-console .send-bar{gap:10px}.visual-console .send-bar select{min-width:92px;max-width:115px}.visual-console .send-button{padding:9px 12px}}@media (max-width:1000px){.visual-console .console-environment{display:none}.visual-console .header{gap:22px;padding:0 24px}.visual-console main{padding-left:24px;padding-right:24px}.visual-console .studio-heading{flex-wrap:wrap}.console-title{flex-basis:55%}.console-telemetry>div{padding:3px 13px}.visual-console .desk-file-menu{align-self:flex-end;margin-top:-4px;margin-left:auto}.visual-console .studio-workspace{grid-template-columns:minmax(0,1fr) 285px;min-height:650px}.visual-console .studio-heading p{max-width:none}.visual-console .desk-side-scroll{padding:19px 16px}.visual-console .desk-side-tabs{gap:15px;padding:0 14px}.visual-console .desk-toolbar .presentation-toggle{padding:6px}.visual-console .desk-toolbar .presentation-toggle>span{display:none}.visual-console .send-bar{flex-wrap:wrap;gap:8px}.visual-console .send-bar>label{gap:6px}.visual-console .send-button{margin-left:auto}.visual-console .desk-device-tabs button{padding:5px 6px}.visual-console .studio-footnote{flex-wrap:wrap;gap:8px 15px}.visual-console .desk-autosave{margin-left:0}}@media (max-width:680px){.visual-console .header{flex-wrap:wrap;gap:12px;height:auto;min-height:104px;padding:14px 17px 0;display:flex}.visual-console .quiet-brand strong{font-size:20px}.visual-console .quiet-mark{width:29px;height:31px}.visual-console .quiet-brand small{font-size:8px}.visual-console .quiet-header-end{margin-left:auto}.visual-console .quiet-header-end button{font-size:10px}.visual-console .header nav{order:3;justify-content:space-between;gap:3px;width:100%;height:43px}.visual-console .header nav button{flex:1;justify-content:center;gap:6px;height:33px;padding:0 9px;font-size:11px}.visual-console .header nav button svg{width:13px}.visual-console main{padding:22px 14px 0}.visual-console .studio{padding-top:22px!important}.visual-console .studio-heading{gap:18px 8px;margin-bottom:17px;position:relative}.console-title{flex-basis:100%}.console-kicker{letter-spacing:1.5px;margin-bottom:7px;font-size:8px}.visual-console .studio-heading h1{font-size:28px}.visual-console .studio-heading p{max-width:340px;font-size:11px;line-height:1.9}.console-telemetry{flex:1;margin-left:0}.console-telemetry>div{gap:7px;min-width:0;padding:1px 13px}.console-telemetry>div:first-child{border-left:0;padding-left:0}.console-telemetry>div>svg{display:none}.console-telemetry>div>span{font-size:8px}.console-telemetry strong{letter-spacing:-1px;margin-top:5px;font-size:21px}.console-telemetry strong small{font-size:9px}.visual-console .desk-file-menu{align-self:center;margin:0;font-size:10px}.visual-console .desk-file-menu summary{gap:6px;padding:8px}.visual-console .task-line{margin-bottom:14px;display:block}.visual-console .task-line nav{justify-content:space-between;gap:1px;width:100%;padding:3px}.visual-console .task-line nav button{flex:1;justify-content:center;gap:4px;padding:8px 6px;font-size:9px}.visual-console .task-line nav button>span{font-size:8px}.visual-console .task-line>.text-control{margin:11px 0 0;font-size:10px}.visual-console .studio-workspace{border-radius:7px;grid-template-columns:1fr;height:auto;min-height:0;max-height:none;box-shadow:0 12px 30px #0003,0 0 0 3px #17232c80}.visual-console .desk-main{min-height:0;display:flex}.console-panel-caption{height:27px;padding:0 12px}.console-panel-caption small{font-size:8px}.visual-console .desk-toolbar{flex-wrap:wrap;gap:7px;min-height:46px;padding:8px}.visual-console .desk-toolbar select{max-width:78px;padding-right:8px;font-size:10px}.visual-console .desk-toolbar>div{gap:4px}.visual-console .desk-small-button{gap:5px;padding:5px 7px;font-size:10px}.visual-console .desk-icon{width:25px;height:25px}.visual-console .desk-toolbar .presentation-toggle{margin-left:0;padding:5px}.visual-console .desk-instruction{min-height:36px;padding:7px 12px;font-size:9px}.visual-console .scene-board{flex:none;height:350px;min-height:350px}.visual-console .desk-camera{gap:4px;top:10px;left:10px}.visual-console .desk-camera button{gap:4px;padding:6px;font-size:8px}.visual-console .desk-camera button svg{width:11px}.visual-console .desk-scene-caption{gap:6px;font-size:8px;bottom:9px;left:11px;right:11px}.visual-console .desk-device-tabs{gap:1px;padding:6px}.visual-console .desk-device-tabs button{gap:4px;padding:5px;font-size:9px}.visual-console .send-bar{gap:8px;padding:12px 11px 9px}.visual-console .send-bar>label{flex:1;gap:6px;font-size:9px}.visual-console .send-bar select{width:100%;min-width:70px;max-width:130px;padding:7px 15px 7px 6px;font-size:10px}.visual-console .send-bar>svg{width:12px}.visual-console .send-button{justify-content:center;width:100%;margin-top:3px;padding:11px;font-size:11px}.visual-console .send-note{padding:0 11px 10px;font-size:8px}.visual-console .desk-side{border-top:1px solid #3a5260;border-left:0;height:auto;min-height:380px;max-height:610px}.visual-console .desk-side-tabs{gap:24px;min-height:48px;padding:0 16px}.visual-console .desk-side-tabs button{font-size:12px}.visual-console .desk-side-scroll{max-height:550px;padding:20px 17px;overflow-y:auto}.visual-console .desk-device-role{font-size:12px}.visual-console .desk-reading{grid-template-columns:1fr;gap:15px}.visual-console .studio-footnote{font-size:10px;display:flex}.visual-console .studio-footnote p{font-size:10px}.visual-console .studio-footer{flex-wrap:wrap;gap:12px}.visual-console .studio-footer details{text-align:left}.visual-console .desk-wiring-list{overflow-x:auto}.visual-console .desk-wiring-list table{min-width:540px}.visual-console .desk-notice{width:calc(100vw - 26px);min-width:0;font-size:11px}.visual-console .intro h1{font-size:25px}.visual-console .basic-role{padding:17px}.visual-console .basic-role-grid{gap:12px}.visual-console .guide-content{padding:23px 19px}.visual-console .guide-dialog{max-width:calc(100vw - 24px)}.visual-console .presentation-mode .studio-workspace{grid-template-columns:1fr;height:100dvh;display:flex;overflow-y:auto}.visual-console .presentation-mode .desk-main{min-height:650px}.visual-console .presentation-mode .scene-board{flex:1;height:auto;min-height:350px}.visual-console .presentation-mode .desk-side{flex-shrink:0;height:auto;min-height:400px;max-height:none}.visual-console .presentation-mode .desk-side-scroll{max-height:none}.visual-console .presentation-mode .desk-toolbar{padding:8px}.visual-console .presentation-mode .send-bar{padding:12px 11px 9px}}@media (prefers-reduced-motion:reduce){.visual-console *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.visual-console .basic-packets strong{color:#c9deea}.visual-console .basic-packets .current strong{color:#e3f2bd}.visual-console .basic-step h2{color:#d8e9f0}.visual-console .basic-step code{color:#86a8bc}.visual-console .basic-route,.visual-console .basic-route>small,.visual-console .basic-arrivals>small{color:#8daebf}.visual-console .basic-controls{background:#192d3b}.visual-console .secondary-button{color:#b5cddb;background:#203644;border-color:#405e70;border-radius:4px}.visual-console .secondary-button:hover{color:#e3f0f5;background:#2a4655;border-color:#688a9e}.visual-console .icon-button{color:#9cb9ca}.visual-console .icon-button:hover{color:#dcecf4;background:#284251}.visual-console .world-left{background:#152733}.visual-console .world-inspector .inspector-head{color:#adcad9;background:#1c303d;border-color:#36515f}.visual-console .world-toggle,.visual-console .world-toggle.on{color:#d0e3b3;background:#293c2e;border-color:#637c4c}.visual-console .lesson-select select,.visual-console .world-speed select{color:#c2d8e4;background:#182d3b;border-color:#3d5a6c}.visual-console .scene-help{color:#829fae;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10232ed9;border:1px solid #34505e}.visual-console .world-question>div button{color:#adc9da;background:#1b3242;border-color:#45647a}.visual-console .world-question>div button.chosen{color:#deedc6;background:#344731;border-color:#92ad6b}.visual-console .world-reassembly strong,.visual-console .world-reassembly strong.complete{color:#d3e7b5;background:#293f2d;border-color:#6a8555}.visual-console .world-summary h2,.visual-console .world-summary li{color:#bfd6e3}.visual-console .world-summary textarea{color:#c8deed;background:#0f202b;border-color:#3e5e73}.visual-console .world-page-result.done{color:#b6cba7}.visual-console .inspector,.visual-console .network-panel{background:#13232f;border-color:#355160}.visual-console .inspect-content h2,.visual-console .event-detail{color:#b9d1de}.visual-console .address-bar,.visual-console .playback,.visual-console .timeline-head{color:#9fbdcd;background:#1a2d3a;border-color:#385365}.visual-console .map,.visual-console .map-legend{color:#8baabc;background:#122430;border-color:#355469}.visual-console .map-head{background:#172c39;border-color:#355263}.visual-console .timeline-event{color:#a3bfce}.visual-console .timeline-event.current{color:#d4e9b1;background:#2b3f2e}.visual-console .stage{color:#a1bdcc;background:#203641;border-color:#3c5968}.visual-console .stage.current{background:#2e422d}.visual-console .card-body{color:#a8c0cf}.visual-console .card-description,.visual-console .fine-print,.visual-console .question h3{color:#9fbacb}.visual-console .choices button{color:#aac6d7;background:#182e3d;border-color:#3e5e74}.visual-console .choices button.chosen{color:#d6eabd;background:#30432f;border-color:#829c68}.visual-console .feedback{color:#c5dea9;background:#22392b;border-color:#65844e}.visual-console .console-versions{background:#101e28;border:1px solid #364b55;border-radius:5px;gap:3px;padding:3px;display:flex}.console-versions a{color:#7f9aa9;border:1px solid #0000;border-radius:3px;align-items:center;gap:5px;padding:5px 7px;font:10px ui-monospace,monospace;text-decoration:none;display:flex}.console-versions a span{font:9px Arial,sans-serif}.console-versions a[aria-current=page]{color:#d9eeaa;background:#2b3d30;border-color:#4f6544}.console-versions a:hover{color:#e2f1f7;background:#223846}.spatial-stage{isolation:isolate;background:#0d1b29;width:100%;height:100%;position:relative}.spatial-stage>div>canvas{display:block}.spatial-stage .desk-loading{background:#0d1b29;height:100%}.spatial-engine{z-index:3;pointer-events:none;text-align:right;color:#b1cad6;letter-spacing:1.5px;font:9px ui-monospace,monospace;position:absolute;top:17px;right:17px}.spatial-engine>span{color:#6e92a8;letter-spacing:.2px;margin-top:7px;font:8px Arial,sans-serif;display:block}.spatial-view-controls{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#112633e6;border:1px solid #3c596d;border-radius:6px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;bottom:35px;right:16px;box-shadow:0 5px 15px #020b1540,inset 0 1px #b7d4e40a}.spatial-view-controls button{color:#93b1c3;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.spatial-view-controls button:hover{color:#edf6fa;background:#2c4554}.spatial-view-controls button[aria-pressed=true]{color:#d6e9ac;background:#30432d;border-color:#657849}.spatial-device-label{white-space:nowrap;text-align:center;color:#d2e6f0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#152c3be8;border:1px solid #5c7b8e;border-radius:5px;min-width:93px;padding:7px 11px;font:11px Arial,sans-serif;display:block;position:relative;box-shadow:0 5px 10px #04101c50,inset 0 1px #d7ecff10}.spatial-device-label small{color:#7e9fb3;margin-top:4px;font:8px ui-monospace,monospace;display:block}.spatial-device-label.selected{color:#e3efc9;background:#2a3b2fe8;border-color:#adc98a}.spatial-device-label>i{vertical-align:middle;background:#465f6c;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}.spatial-device-label>i.on{background:#c7e794;box-shadow:0 0 6px #c7e79455}.spatial-port-label{color:#dcecf3;text-shadow:0 1px 3px #000,0 -1px 3px #000;background:#10222a80;border-radius:3px;padding:2px 3px;font:9px ui-monospace,monospace}.spatial-packet-caption{white-space:nowrap;letter-spacing:.4px;color:#e9d6a4;background:#162938e8;border:1px solid #8d825c;border-radius:4px;padding:5px 8px;font:9px ui-monospace,monospace;display:block}.spatial-fault{color:#f8e9cd;background:#743e37;border:1px solid #d49a80;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.spatial-transmission{pointer-events:none;color:#d2e5ec;text-align:center;z-index:3;width:min(410px,100% - 40px);font-size:10px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.spatial-transmission>span{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e2130dd;border:1px solid #3b596b;border-radius:5px;padding:10px;display:block}.spatial-transmission>div{background:#334f60;height:2px;margin:7px 15px 0}.spatial-transmission i{background:#d7eaaa;height:2px;display:block;box-shadow:0 0 8px #cce69550}.spatial-transmission.has-failure{color:#e1b791}.spatial-cable-controls button{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spatial-cable-controls button:focus{clip-path:none;color:#e1edce;z-index:8;background:#172f3d;border:1px solid #b2ce86;width:auto;max-width:95%;height:auto;padding:9px;bottom:12px;left:10px}@media (max-width:1200px){.spatial-view-controls{bottom:83px}.visual-console .quiet-header-end{gap:14px}.console-versions a{padding:5px}.console-versions a span{font-size:8px}}@media (max-width:1000px){.visual-console .header{gap:17px}.visual-console .quiet-brand small{display:none}.visual-console .header nav{gap:3px}.visual-console .header nav button{padding:0 9px}.console-versions a span{display:none}.visual-console .quiet-header-end{gap:10px}}@media (max-width:680px){.console-versions a{padding:5px 7px;font-size:9px}.visual-console .quiet-header-end{gap:14px}.spatial-engine{font-size:8px;top:14px;right:12px}.spatial-engine>span{display:none}.spatial-view-controls{gap:1px;padding:3px;inset:47px auto auto 10px}.spatial-view-controls button{gap:4px;padding:5px 7px;font-size:8px}.spatial-view-controls button svg{width:11px}.spatial-device-label{min-width:75px;padding:6px 8px;font-size:10px}.spatial-device-label small{font-size:7px}.spatial-transmission{font-size:8px;bottom:37px}.spatial-transmission>span{padding:8px}.visual-console .header .quiet-brand small{display:block}}
.visual-console .tcpip-cinematic{max-width:1450px;padding-top:24px}.visual-console .tcp-heading{align-items:center;gap:25px;min-height:88px;margin-bottom:20px}.visual-console .tcp-heading h1{color:#edf5f6;letter-spacing:.6px;margin:0 0 7px;font-size:31px;font-weight:600;line-height:1.35}.visual-console .tcp-heading p{color:#90a8b5;margin:0;font-size:12px}.tcp-role-summary{align-items:center;gap:10px;display:flex}.tcp-role-summary>span{color:#809ead;white-space:nowrap;background:#152733;border:1px solid #314a59;border-radius:6px;align-items:center;gap:8px;padding:12px 15px;font-size:10px;transition:background .3s,border-color .3s,color .3s;display:flex}.tcp-role-summary b{letter-spacing:.6px;color:#a4bfce;margin-right:4px;font:13px ui-monospace,monospace}.tcp-role-summary .active{color:#b9cd9d;background:#2a3d2d;border-color:#607b48}.tcp-role-summary .active b,.tcp-role-summary .active svg{color:#d7edab}.tcp-role-summary .active.ip{color:#9fc6dc;background:#203b4c;border-color:#5082a0}.tcp-role-summary .active.ip b,.tcp-role-summary .active.ip svg{color:#b1dbea}.visual-console .tcp-workbench{background:#11222f;border:1px solid #405868;border-radius:9px;overflow:hidden;box-shadow:0 18px 45px #0004,0 0 0 4px #192c3680}.tcp-theatre-toolbar{background:linear-gradient(#233744,#1b2e3b);border-bottom:1px solid #3c5363;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:9px 14px;display:flex;box-shadow:inset 0 1px #d6edff0d}.tcp-theatre-toolbar nav{gap:5px;display:flex}.tcp-theatre-toolbar nav button{color:#8eabba;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.tcp-theatre-toolbar nav button>span{color:#637f90;font:9px ui-monospace,monospace}.tcp-theatre-toolbar nav button:hover{color:#d7e7f0;background:#2c4555}.tcp-theatre-toolbar nav button.current{color:#d6e9af;background:#2f402f;border-color:#657c4b;box-shadow:inset 0 1px #d5ed9d0a}.tcp-theatre-toolbar nav button.current>span{color:#9cb577}.visual-console .tcp-theatre-toolbar>.desk-small-button{gap:7px;font-size:10px}.tcp-theatre-content{grid-template-columns:minmax(0,1fr) 300px;height:clamp(465px,55vh,580px);display:grid}.tcp-theatre-main{background:#132633;flex-direction:column;min-width:0;min-height:0;display:flex}.tcp-stage{isolation:isolate;background:#0e1f2d;border-bottom:1px solid #385264;flex:1;height:auto;min-height:0;position:relative;overflow:hidden}.tcp-stage:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 75px #07121d60}.tcp-stage-scene{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:block}.tcp-stage-scene:active{cursor:grabbing}.tcp-stage-top{pointer-events:none;z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:14px;left:17px;right:17px}.tcp-stage-top>span{letter-spacing:.6px;color:#b0cad9;align-items:center;gap:7px;font:9px ui-monospace,monospace;display:flex}.tcp-stage-top i{background:#5b7c8d;border-radius:50%;width:5px;height:5px}.tcp-stage-top i.running{background:#c9e68a;box-shadow:0 0 8px #c9e68a60}.tcp-stage-top small{color:#6b8b9e;font-size:8px}.tcp-camera-controls{z-index:3;align-items:center;gap:5px;display:flex;position:absolute;bottom:13px;left:14px}.tcp-camera-controls button{color:#9bb9cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#152d3de6;border:1px solid #45677d;border-radius:4px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex;box-shadow:0 2px 6px #04101c40}.tcp-camera-controls button:hover{color:#e0eef4;background:#2c4b5e}.tcp-camera-controls button[aria-pressed=true]{color:#d5e9b0;background:#30432d;border-color:#7f975d}.tcp-camera-controls>span{color:#6d8ea3;margin-left:4px;font-size:8px}.tcp-route-caption{z-index:3;color:#b5c9d6;pointer-events:none;text-shadow:0 1px 3px #0008;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:15px;right:16px}.tcp-route-caption i{background:#a9cb86;border-radius:50%;width:4px;height:4px}.tcp-route-caption.loss{color:#dfb298}.tcp-route-caption.loss i{background:#dfb298}.tcp-stage-loading{color:#8eafc2;background:#102330;flex:1;place-items:center;height:335px;min-height:0;font-size:12px;display:grid}.tcp-buffers{background:#192e3b;border-top:1px solid #d7ecff04;flex-shrink:0;grid-template-columns:1fr 1fr;min-height:140px;display:grid}.tcp-buffers>section{min-width:0;padding:12px 17px 14px}.tcp-buffers>section+section{background:#162b38;border-left:1px solid #36505f}.tcp-buffer-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.tcp-buffer-heading>span{color:#a3bdcc;align-items:center;gap:7px;font-size:10px;display:flex}.tcp-buffer-heading svg{color:#819fb2}.tcp-buffer-heading code{color:#769bb3;letter-spacing:.3px;font:9px ui-monospace,monospace}.tcp-original{color:#7c9bad;align-items:center;gap:9px;min-width:0;height:27px;margin-bottom:11px;display:flex}.tcp-original>span{color:#6d8c9f;white-space:nowrap;font-size:8px}.tcp-original>strong{letter-spacing:.6px;color:#c8dbe5;white-space:nowrap;font-size:12px;font-weight:400}.tcp-original svg{color:#7a9baf;margin-left:auto}.tcp-original.whole>strong{color:#deedbd}.tcp-packet-row{perspective:700px;align-items:stretch;gap:7px;min-height:40px;display:flex}.tcp-data-tile{--packet:#cce68c;min-width:0;color:var(--packet);transform-style:preserve-3d;background:linear-gradient(135deg,#2d4335,#203a32);border:1px solid #819e63;border-bottom-width:3px;border-radius:4px;flex:1;align-items:center;gap:7px;padding:8px 9px;transition:transform .28s,opacity .25s,box-shadow .25s;display:flex;position:relative;transform:rotateX(7deg);box-shadow:inset 0 1px #efffd414,2px 3px 5px #010d1740}.tcp-data-tile.packet-2{--packet:#80cce2;background:linear-gradient(135deg,#29495a,#1d3849);border-color:#4f90a9}.tcp-data-tile.packet-3{--packet:#dbb58b;background:linear-gradient(135deg,#494233,#34382d);border-color:#9b845e}.tcp-data-tile>span{border-right:1px solid #d8edfa22;flex-shrink:0;place-items:center;width:19px;height:20px;padding-right:6px;font:11px ui-monospace,monospace;display:grid}.tcp-data-tile>strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:400;overflow:hidden}.tcp-data-tile.sending{transform:translateY(-4px)rotateX(7deg);box-shadow:0 0 0 2px #d9efb02b,0 0 22px #a1c56a1a}.tcp-packet-row.receive .tcp-data-tile{animation:.35s ease-out both tcp-part-arrival}.tcp-empty-tile{color:#5b7b8e;background:#1127357a;border:1px dashed #3f5a6d;border-radius:4px;flex:1;place-items:center;min-width:0;font-size:9px;display:grid}.tcp-empty-tile.missing{color:#bb8b70;background:#3d2f2630;border-color:#8a6450}.tcp-arrival-order{align-items:center;gap:10px;height:27px;margin-bottom:11px;display:flex}.tcp-arrival-order>span{color:#7798aa;white-space:nowrap;font-size:8px}.tcp-arrival-order>b{color:#c4dbe6;letter-spacing:2px;font:400 12px ui-monospace,monospace}.tcp-arrival-order>small{color:#698c9f;margin-left:auto;font:9px ui-monospace,monospace}.tcp-assembled{color:#91aebf;background:#112633;border-top:1px solid #314e60;flex-shrink:0;align-items:center;gap:13px;min-height:47px;padding:12px 17px;display:flex}.tcp-assembled>span{color:#7e9eae;white-space:nowrap;align-items:center;gap:7px;font:9px ui-monospace,monospace;display:flex}.tcp-assembled strong{color:#7998ab;letter-spacing:.5px;font-size:11px;font-weight:400}.tcp-assembled small{color:#628398;white-space:nowrap;margin-left:auto;font-size:8px}.tcp-assembled.complete{background:#263b2b;border-color:#61794b;animation:.6s ease-out tcp-message-complete}.tcp-assembled.complete>span{color:#c5df9e}.tcp-assembled.complete strong{color:#e3f1c6;letter-spacing:1px}.tcp-assembled.complete small{color:#a1bb86}.tcp-step-inspector{scrollbar-width:thin;scrollbar-color:#405c70 transparent;background:linear-gradient(140deg,#1b2e3c,#142734 65%);border-left:1px solid #405868;min-height:0;padding:0 21px 18px;overflow-y:auto}.tcp-inspector-top{color:#89a9bd;border-bottom:1px solid #354e60;justify-content:space-between;align-items:center;gap:10px;padding:17px 0;font-size:10px;display:flex}.tcp-inspector-top code{color:#64869e;font:9px ui-monospace,monospace}.tcp-actor{color:#cde69f;align-items:center;gap:11px;padding:19px 0 0;display:flex}.tcp-actor>svg{box-sizing:content-box;background:#2c412f;border:1px solid #5c7647;border-radius:7px;width:19px;height:19px;padding:8px}.tcp-actor>div{align-items:baseline;gap:9px;display:flex}.tcp-actor b{letter-spacing:.5px;font:22px ui-monospace,monospace}.tcp-actor>div>span{color:#8eac9f;font-size:9px}.tcp-actor>i{background:#cce68c;border-radius:50%;width:5px;height:5px;margin-left:auto;box-shadow:0 0 8px #cce68c30}.tcp-actor.ip{color:#a6d9ed}.tcp-actor.ip>svg{background:#213d50;border-color:#49748d}.tcp-actor.ip>div>span{color:#83a7be}.tcp-actor.ip>i{background:#80cce2;box-shadow:0 0 8px #80cce240}.tcp-step-inspector h2{color:#deebf2;letter-spacing:.2px;margin:18px 0 11px;font-size:20px;font-weight:500;line-height:1.6}.tcp-step-detail{color:#9db8c9;min-height:69px;margin:0 0 17px;font-size:12px;line-height:1.95}.tcp-phase-list{border-top:1px solid #304b5d;border-bottom:1px solid #304b5d;margin-bottom:17px;padding:10px 0}.tcp-phase-list>div{color:#5e829a;align-items:center;gap:9px;min-height:34px;display:flex}.tcp-phase-list>div>span{background:#122b3a;border:1px solid #324e62;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.tcp-phase-list strong{font-size:10px;font-weight:400}.tcp-phase-list small{letter-spacing:.6px;margin-left:auto;font:8px ui-monospace,monospace}.tcp-phase-list .current{color:#d1e6a7}.tcp-phase-list .current>span{background:#2e4231;border-color:#738d55}.tcp-phase-list .done{color:#8eab8a}.tcp-phase-list .done>span{color:#adcb93;border-color:#4f6a4e}.tcp-receipt{background:#102633;border:1px solid #354f63;border-radius:5px;padding:12px}.tcp-receipt>span{color:#89aabd;font-size:9px}.tcp-receipt>div{align-items:center;gap:7px;margin-top:10px;display:flex}.tcp-receipt>div>span{color:#5a7a90;border:1px dashed #446176;border-radius:4px;place-items:center;width:27px;height:27px;font:10px ui-monospace,monospace;display:grid}.tcp-receipt>div>span.received{color:#d2e8ad;background:#2d4231;border-style:solid;border-color:#77955a}.tcp-receipt strong{color:#adc9da;margin-left:auto;font:22px ui-monospace,monospace}.tcp-receipt strong small{color:#64869d;margin-left:2px;font-size:10px}.tcp-receipt>p{color:#7496aa;margin:10px 0 0;font-size:9px;line-height:1.8}.tcp-receipt.all-received{border-color:#5e794b}.tcp-receipt.all-received>p{color:#a4bf8d}.tcp-replay-step{color:#7b9db0;background:0 0;align-items:center;gap:7px;margin:14px 0 0;padding:0;font-size:9px;display:flex}.tcp-replay-step:hover{color:#d2e6b1}.tcp-playback{background:#1b303e;border-top:1px solid #3a5364;flex-shrink:0;align-items:center;gap:18px;min-height:63px;padding:12px 16px;display:flex}.tcp-playback-buttons{align-items:center;gap:9px;display:flex}.visual-console .tcp-playback .start-button{white-space:nowrap;gap:7px;padding:9px 15px;font-size:11px}.visual-console .tcp-playback .secondary-button{white-space:nowrap;align-items:center;gap:7px;padding:9px 11px;font-size:10px;display:flex}.visual-console .tcp-playback .icon-button{width:26px;height:29px}.tcp-speed{color:#7394a9;border-left:1px solid #385566;align-items:center;gap:7px;padding-left:17px;font-size:9px;display:flex}.tcp-speed select{color:#b4cddd;background:#172e3f;border:1px solid #3c5b71;border-radius:4px;max-width:65px;padding:6px 4px;font-size:10px}.tcp-animation-scrubber{color:#7d9eb3;flex:1;align-items:center;gap:9px;min-width:120px;font-size:9px;display:flex}.tcp-animation-scrubber>span{white-space:nowrap}.tcp-animation-scrubber input{accent-color:#cce68c;cursor:pointer;width:100%;min-width:35px;height:3px}.tcp-animation-scrubber output{color:#b2cbd9;text-align:right;flex-shrink:0;width:32px;font:9px ui-monospace,monospace}.visual-console .tcp-playback .basic-export{color:#8aa9bb;white-space:nowrap;background:0 0;align-items:center;gap:7px;padding:5px;font-size:9px;display:flex}.visual-console .tcp-playback .basic-export:hover{color:#d4eab1}.tcp-overall-progress{background:#2a4454;flex-shrink:0;height:2px}.tcp-overall-progress>i{background:#c8e28f;height:2px;display:block;box-shadow:0 0 8px #c8e28f44}.visual-console .tcp-timeline{scrollbar-color:#3a576b transparent;background:#122632;border-color:#3c5364;flex-shrink:0;gap:6px;padding:12px 15px}.visual-console .tcp-timeline button{color:#769bb3;background:#172d3c;border-color:#355267;border-radius:4px;gap:7px;padding:8px 10px;font-size:9px}.visual-console .tcp-timeline button code{color:#537d98;font-size:8px}.visual-console .tcp-timeline button.current{color:#d9ecb6;background:#2e412e;border-color:#9ebc71;box-shadow:inset 0 1px #e7ffbd0a}.visual-console .tcp-timeline button.current code{color:#aac67d}.visual-console .tcp-timeline button.done{color:#9cba9c;border-color:#3d5b4d}.visual-console .tcp-role-cards{gap:17px;margin:25px 0 0}.visual-console .tcp-role-cards .basic-role{box-shadow:none;background:linear-gradient(135deg,#1a2d39,#122633);border-color:#344f63;gap:17px;padding:23px 25px;display:flex}.visual-console .tcp-role-cards .basic-role.active{background:linear-gradient(135deg,#26392b,#1b3029);border-color:#627b4e}.visual-console .tcp-role-cards .basic-role.ip.active{background:linear-gradient(135deg,#20394c,#162d3d);border-color:#527b96}.tcp-role-icon{color:#c9e49f;background:#293f2f;border:1px solid #587746;border-radius:8px;flex-shrink:0;place-items:center;width:43px;height:43px;margin-top:3px;display:grid}.basic-role.ip .tcp-role-icon{color:#acd3e6;background:#233c51;border-color:#4a6b89}.visual-console .tcp-role-cards .basic-role h2{margin:9px 0 10px;font-size:25px}.visual-console .tcp-role-cards .basic-role h2 small{margin-left:12px;font-size:12px}.visual-console .tcp-role-cards .basic-role p{margin:0 0 11px;font-size:11px}.visual-console .tcp-role-cards .basic-role li{font-size:11px;line-height:1.9}.visual-console .tcp-role-cards .basic-role ul{margin:0;padding-left:16px}.tcp-presenting .tcp-workbench{z-index:1000;width:100vw;height:100dvh;box-shadow:none;border:0;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.tcp-presenting .tcp-theatre-content{flex:1;grid-template-columns:minmax(0,1fr) 320px;height:auto;min-height:0}.tcp-presenting .tcp-stage{min-height:180px}.tcp-presenting .tcp-buffers{min-height:145px}.tcp-presenting .tcp-theatre-toolbar{padding:13px 19px}.tcp-presenting .tcp-playback{padding:15px 19px}.tcp-presenting .tcp-timeline{padding:15px 18px}.tcp-presenting .tcp-step-inspector{padding-left:24px;padding-right:24px}.tcp-presenting .tcp-step-inspector h2{font-size:24px}.tcp-presenting .tcp-step-detail{font-size:14px;line-height:2}.tcp-presenting .tcp-phase-list>div{min-height:41px}.tcp-presenting .tcp-phase-list strong{font-size:12px}.tcp-presenting .tcp-receipt{margin-top:24px;padding:15px}.tcp-presenting .tcp-receipt>p{font-size:11px}@keyframes tcp-part-arrival{0%{opacity:.15;transform:translateY(-8px)rotateX(15deg)}to{opacity:1;transform:rotateX(7deg)}}@keyframes tcp-message-complete{0%{box-shadow:inset 0 0 25px #d7ee8e35}to{box-shadow:inset 0 0 #d7ee8e00}}@media (max-width:1150px){.tcp-theatre-content{grid-template-columns:minmax(0,1fr) 270px}.tcp-step-inspector{padding-left:17px;padding-right:17px}.tcp-step-inspector h2{font-size:18px}.tcp-actor>div{gap:6px}.tcp-actor>div>span{font-size:8px}.tcp-actor b{font-size:20px}.tcp-buffers>section{padding-left:12px;padding-right:12px}.tcp-buffer-heading{gap:5px}.tcp-data-tile{gap:4px;padding:7px 5px}.tcp-data-tile>span{width:16px;padding-right:4px;font-size:10px}.tcp-data-tile>strong{font-size:9px}.tcp-role-summary>span{gap:6px;padding:10px 12px}.tcp-role-summary b{margin-right:1px}.tcp-original>strong{font-size:10px}.tcp-original>span{display:none}.tcp-playback{gap:13px}.tcp-speed{padding-left:12px}.tcp-animation-scrubber>span{display:none}.tcp-route-caption{text-align:right;max-width:58%;font-size:8px}.tcp-camera-controls>span,.tcp-assembled small{display:none}}@media (max-width:850px){.tcp-role-summary>span{padding:9px;font-size:9px}.tcp-role-summary>span svg{display:none}.tcp-role-summary{gap:5px}.tcp-theatre-content{grid-template-columns:minmax(0,1fr) 250px}.tcp-playback{gap:10px;padding:11px 12px}.tcp-playback-buttons{gap:6px}.tcp-speed{border-left:0;padding-left:0}.tcp-animation-scrubber{min-width:70px}.tcp-playback .basic-export>span{display:none}.tcp-buffer-heading code{font-size:8px}.tcp-step-detail{font-size:11px}.tcp-original>strong{letter-spacing:0;font-size:9px}.tcp-data-tile{flex-direction:column;gap:4px;padding:6px 3px}.tcp-data-tile>span{border:0;width:auto;height:15px;padding:0}.tcp-data-tile>strong{font-size:8px}.tcp-buffers{min-height:155px}.tcp-assembled{gap:8px;padding:12px}.tcp-assembled strong{font-size:10px}.tcp-role-icon{display:none}.visual-console .tcp-role-cards .basic-role{padding:20px}.visual-console .tcp-role-cards .basic-role h2 small{margin-left:9px;font-size:10px}}@media (max-width:680px){.visual-console .tcpip-cinematic{padding:22px 14px 0}.visual-console .tcp-heading{flex-direction:column;align-items:flex-start;gap:17px;min-height:0;margin-bottom:18px;display:flex}.visual-console .tcp-heading h1{font-size:28px}.visual-console .tcp-heading p{font-size:11px}.tcp-role-summary{gap:7px;width:100%}.tcp-role-summary>span{flex:1;justify-content:center;padding:10px;font-size:9px}.tcp-role-summary>span svg{width:13px;display:block}.tcp-role-summary b{margin-right:4px;font-size:11px}.visual-console .tcp-workbench{border-radius:7px;flex-direction:column;display:flex;box-shadow:0 12px 30px #0003,0 0 0 3px #192c3680}.tcp-theatre-toolbar{order:1;gap:6px;min-height:53px;padding:9px 8px}.tcp-theatre-toolbar nav{flex:1;gap:2px;min-width:0}.tcp-theatre-toolbar nav button{white-space:nowrap;gap:4px;padding:8px 6px;font-size:9px}.tcp-theatre-toolbar nav button>span{font-size:7px}.visual-console .tcp-theatre-toolbar>.desk-small-button{flex-shrink:0;padding:7px}.tcp-theatre-toolbar>.desk-small-button>span{display:none}.tcp-theatre-content{height:auto;display:contents}.tcp-theatre-main{flex:none;order:2}.tcp-stage{flex:none;height:300px;min-height:300px}.tcp-stage-top{top:13px;left:12px;right:12px}.tcp-stage-top>span{font-size:8px}.tcp-stage-top small{font-size:7px}.tcp-camera-controls{gap:4px;bottom:12px;left:10px}.tcp-camera-controls button{padding:5px 6px;font-size:8px}.tcp-camera-controls button svg{width:10px}.tcp-route-caption{gap:4px;max-width:58%;font-size:7px;line-height:1.6;bottom:14px;right:10px}.tcp-buffers{grid-template-columns:1fr 1fr;min-height:158px}.tcp-buffers>section{padding:11px 10px 13px}.tcp-buffer-heading{gap:5px;min-height:30px;margin-bottom:7px}.tcp-buffer-heading>span{gap:5px;font-size:9px}.tcp-buffer-heading>span svg{width:11px}.tcp-buffer-heading code{font-size:8px}.tcp-original{height:25px;margin-bottom:8px}.tcp-original>strong{letter-spacing:0;font-size:9px}.tcp-original svg{width:11px}.tcp-packet-row{gap:4px;min-height:43px}.tcp-data-tile{border-bottom-width:2px;gap:3px;padding:5px 2px}.tcp-data-tile>span{height:15px;font-size:10px}.tcp-data-tile>strong,.tcp-empty-tile{font-size:8px}.tcp-arrival-order{gap:5px;height:25px;margin-bottom:8px}.tcp-arrival-order>span{font-size:7px}.tcp-arrival-order>b{letter-spacing:0;font-size:10px}.tcp-arrival-order>small{font-size:8px}.tcp-assembled{gap:8px;min-height:46px;padding:11px}.tcp-assembled>span{gap:5px;font-size:8px}.tcp-assembled>span svg{width:12px}.tcp-assembled strong{letter-spacing:.3px;font-size:9px}.tcp-playback{flex-wrap:wrap;order:3;gap:10px;min-height:91px;padding:11px;display:flex}.tcp-playback-buttons{flex:1;gap:7px}.visual-console .tcp-playback .start-button{padding:8px 11px;font-size:10px}.visual-console .tcp-playback .secondary-button{padding:8px 9px;font-size:9px}.visual-console .tcp-playback .icon-button{width:24px;height:28px}.tcp-speed{gap:5px;margin-left:auto;font-size:8px}.tcp-speed select{max-width:51px;padding:5px 3px;font-size:9px}.tcp-animation-scrubber{flex:75%;order:4;gap:7px;min-width:0}.tcp-animation-scrubber>span{font-size:8px;display:block}.tcp-animation-scrubber output{font-size:8px}.visual-console .tcp-playback .basic-export{order:5;padding:3px;font-size:8px}.tcp-playback .basic-export>span{display:block}.tcp-overall-progress{order:4}.tcp-step-inspector{border-top:1px solid #3b576a;border-left:0;order:5;height:auto;padding:0 17px 18px;overflow:visible}.tcp-inspector-top{padding:15px 0;font-size:10px}.tcp-actor{padding-top:16px}.tcp-actor>div>span{font-size:10px}.tcp-step-inspector h2{margin:15px 0 9px;font-size:21px}.tcp-step-detail{min-height:0;margin-bottom:16px;font-size:12px;line-height:1.9}.tcp-phase-list{grid-template-columns:1fr;gap:0;margin-bottom:15px;display:grid}.tcp-phase-list>div{min-height:32px}.tcp-phase-list strong{font-size:10px}.tcp-receipt{padding:12px}.tcp-receipt>div{margin-top:9px}.tcp-receipt>p{font-size:10px}.visual-console .tcp-timeline{order:6;gap:5px;padding:11px}.visual-console .tcp-timeline button{padding:8px;font-size:8px}.visual-console .tcp-role-cards{grid-template-columns:1fr;gap:12px;margin-top:21px}.visual-console .tcp-role-cards .basic-role{gap:13px;padding:20px}.tcp-role-icon{border-radius:6px;width:35px;height:35px;display:grid}.tcp-role-icon svg{width:19px}.visual-console .tcp-role-cards .basic-role h2{margin-top:7px;font-size:24px}.visual-console .tcp-role-cards .basic-role .eyebrow{font-size:8px}.visual-console .tcp-role-cards .basic-role li{font-size:11px}.tcp-presenting .tcp-workbench{flex-direction:column;height:100dvh;display:flex;overflow-y:auto}.tcp-presenting .tcp-theatre-content{flex:none;display:contents}.tcp-presenting .tcp-theatre-main{flex:none;min-height:0}.tcp-presenting .tcp-stage{flex:none;height:330px;min-height:330px}.tcp-presenting .tcp-theatre-toolbar{min-height:53px;padding:9px 8px}.tcp-presenting .tcp-playback{min-height:91px;padding:11px}.tcp-presenting .tcp-step-inspector{flex-shrink:0;min-height:440px;padding:0 17px 18px}.tcp-presenting .tcp-receipt{margin-top:0}.tcp-presenting .tcp-step-detail{font-size:12px}.tcp-presenting .tcp-step-inspector h2{font-size:21px}.tcp-presenting .tcp-timeline{padding:11px}}@media (prefers-reduced-motion:reduce){.tcpip-cinematic *{transition:none!important;animation:none!important}}.tcpip-cinematic .tcp-packet-row.receive{--tile-gap:7px;position:relative}.tcpip-cinematic .tcp-packet-row.receive>div{height:100%;width:calc((100% - var(--tile-gap) * 2) / 3);flex:none;position:absolute;top:0}@media (max-width:680px){.tcpip-cinematic .tcp-packet-row.receive{--tile-gap:4px}}
.visual-edition{--teal:#77e3d6;background:radial-gradient(at 55% -35%,#16415355,#0000 62%),#080e16}.visual-edition .header{background:#0b121be8;border-bottom-color:#283643;box-shadow:0 4px 30px #0003}.visual-edition .studio-heading h1,.visual-edition .tcp-heading h1{letter-spacing:-.5px;font-size:36px;font-weight:650}.visual-edition .studio-heading,.visual-edition .tcp-heading{min-height:91px;margin-bottom:18px}.visual-edition .console-kicker{letter-spacing:2.4px;color:#9bbbc8}.visual-edition .console-telemetry strong{color:#e8f4f6;text-shadow:0 0 24px #a2d9ed15;font-size:30px}.visual-edition .console-telemetry>div{border-color:#273946}.visual-edition .task-line nav{background:#0d1721;border-color:#283e4b;box-shadow:inset 0 1px #ffffff05,0 4px 14px #0003}.visual-edition .studio-workspace,.visual-edition .tcp-workbench{border-color:#3a515e;border-radius:12px;box-shadow:0 28px 65px #0007,0 0 0 4px #17253055,inset 0 1px #cce9f30a}.visual-edition .studio-workspace{grid-template-columns:minmax(0,1fr) 310px;height:calc(100dvh - 265px);min-height:660px;max-height:940px}.visual-edition .console-panel-caption{background:linear-gradient(100deg,#1c303d,#10202d 60%);border-bottom-color:#304754;height:30px}.visual-edition .console-panel-caption>span{color:#cee0e8;letter-spacing:1px}.visual-edition .console-panel-caption small{color:#9cb6c4}.visual-edition .desk-toolbar{background:#111f2b;border-color:#283d4b}.visual-edition .desk-instruction{color:#91abb9;background:#0d1b26;border-color:#243b49}.visual-edition .desk-side,.visual-edition .tcp-step-inspector{background:linear-gradient(140deg,#172733,#101c28 75%);border-color:#304653}.visual-edition .desk-side-tabs,.visual-edition .tcp-theatre-toolbar{background:linear-gradient(#1a2b38,#132331);border-color:#314653}.visual-edition .desk-faceplate{background:linear-gradient(145deg,#334b58,#172a36 45%,#233b49);border-color:#4c6777;box-shadow:inset 0 1px #c0e0ef20,0 10px 25px #0005}.visual-edition .desk-device-tabs{background:#101e2a;border-color:#2b414e}.visual-edition .send-bar,.visual-edition .send-note{background:#0d1a25}.visual-edition .send-button,.visual-edition .tcp-playback .start-button{color:#172a1b;background:linear-gradient(140deg,#e1f9a5,#b9dc74);border-color:#cbe999;box-shadow:0 0 22px #b9dc7417,inset 0 1px #fff8}.visual-edition .send-button:hover,.visual-edition .tcp-playback .start-button:hover{background:#e5ffb2;transform:translateY(-1px);box-shadow:0 0 28px #d7ed8540}.visual-edition .scene-board:after{box-shadow:inset 0 0 85px #02091255}.visual-edition .spatial-stage,.visual-edition .tcp-stage{background:#070f1b}.visual-edition .spatial-engine{color:#b7d8e4;letter-spacing:1.3px;font-size:10px;top:18px}.spatial-engine>i{background:#69dcd0;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 12px #69dcd077}.visual-edition .spatial-engine>span{color:#829eaf;font-size:9px}.visual-edition .desk-camera button,.visual-edition .spatial-view-controls,.visual-edition .tcp-camera-controls button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#091925d9;border-color:#405b6b;box-shadow:0 3px 12px #0005,inset 0 1px #ccf3ff09}.visual-edition .spatial-view-controls{gap:3px;padding:5px;bottom:35px;right:16px}.visual-edition .spatial-view-controls button{padding:7px 8px}.visual-edition .spatial-view-controls button[aria-pressed=true],.visual-edition .tcp-camera-controls button[aria-pressed=true]{color:#c6f0d7;background:#203b36;border-color:#4c7e70}.visual-edition .spatial-view-controls .cinema-follow{color:#9ccfcf;border-left:1px solid #3a5362;margin-left:3px;padding-left:10px}.cinema-transmission{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:linear-gradient(110deg,#142a36ed,#0a1925e8);border:1px solid #537582;border-left:2px solid #d9e997;border-radius:7px;gap:12px;width:288px;max-width:calc(100% - 34px);padding:12px 14px;display:flex;position:absolute;bottom:38px;left:17px;box-shadow:0 8px 24px #0004,inset 0 1px #ceefff0a}.cinema-signal-icon{color:#d1e597;background:#c8e38b0a;border:1px solid #7e91684d;border-radius:6px;flex-shrink:0;align-self:center;place-items:center;width:34px;height:36px;display:grid;transform:rotate(-8deg)}.cinema-transmission-copy{flex:1;min-width:0}.cinema-transmission-copy>small{color:#a5c4cc;align-items:center;gap:5px;font-size:9px;display:flex}.cinema-transmission-copy>small>span{color:#7f9bac;margin-left:auto;font:8px ui-monospace,monospace}.cinema-transmission-copy small>i{background:#819ba7;border-radius:50%;width:4px;height:4px}.cinema-transmission-copy small>i.running{background:#c8eb88;box-shadow:0 0 8px #c8eb8850}.cinema-transmission-copy>strong{color:#e4f2f2;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;margin:7px 0 9px;font-size:12px;font-weight:500;display:flex;overflow:hidden}.cinema-transmission-copy>strong svg{color:#d8e599;flex-shrink:0}.cinema-transmission-progress{background:#304855;height:2px;overflow:hidden}.cinema-transmission-progress>i{background:#d7eca0;height:100%;display:block;box-shadow:0 0 10px #d7eca066}.cinema-transmission.has-failure{border-left-color:#e3a28c}.cinema-transmission.has-failure .cinema-signal-icon{color:#e8b096}.cinema-transmission.has-failure .cinema-transmission-progress>i{background:#e3a28c}.visual-edition .tcp-theatre-content{height:clamp(520px,62vh,690px)}.visual-edition .tcp-stage-top small{color:#89a7b8}.visual-edition .tcp-stage-top>span{letter-spacing:1px;font-size:10px}.visual-edition .tcp-stage:after{box-shadow:inset 0 0 75px #030a1550}.visual-edition .tcp-buffers{background:linear-gradient(120deg,#1b303d,#122633);border-top-color:#456471}.visual-edition .tcp-buffers>section+section{background:linear-gradient(120deg,#142b37,#102330);border-color:#365463}.visual-edition .tcp-data-tile{border-bottom-width:4px;border-radius:5px;box-shadow:inset 0 1px #ebffd326,0 4px #061018,0 8px 13px #0005}.visual-edition .tcp-data-tile.sending{box-shadow:0 0 0 1px #e7ffbf3d,0 0 28px #b6df6f20,inset 0 1px #f4ffe440}.visual-edition .tcp-assembled{background:#0b1d29}.visual-edition .tcp-assembled.complete{background:linear-gradient(90deg,#284633,#122c29);box-shadow:inset 2px 0 #c6eb93}.visual-edition .tcp-playback{background:#132634;border-color:#395361}.visual-edition .tcp-timeline{background:#0d1e2b;border-color:#324a59}.visual-edition .tcp-step-inspector h2{color:#edf6fa;font-size:22px}.visual-edition .tcp-step-detail{color:#adc5d3}.visual-edition .tcp-actor b{letter-spacing:-1px;font-size:30px}.visual-edition .tcp-actor>svg{box-shadow:0 0 25px #c0df8710,inset 0 1px #d4f0a512}.visual-edition .tcp-receipt{background:#0e2230;box-shadow:inset 0 2px 10px #0002}.visual-edition .tcp-receipt strong{font-size:29px}.visual-edition .tcp-role-summary>span{background:#12242f;border-color:#33505d}.visual-edition .tcp-role-summary .active{background:linear-gradient(130deg,#2c4233,#172e29);border-color:#6e8954}.visual-edition .tcp-role-summary .active.ip{background:linear-gradient(130deg,#23475b,#142c3c);border-color:#4e879e}.visual-edition .presentation-mode .studio-workspace{height:100dvh;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 325px}.visual-edition .tcp-presenting .tcp-theatre-content{flex:1;height:auto;min-height:0}.visual-edition .tcp-presenting .tcp-workbench{box-shadow:none;border-radius:0}.visual-edition .tcp-camera-controls .tcp-follow{color:#a7d9d5}.tcp-journey-marker{z-index:2;pointer-events:none;color:#7da1b5;letter-spacing:.8px;align-items:center;gap:8px;font:9px ui-monospace,monospace;display:flex;position:absolute;top:49px;left:17px}.tcp-journey-marker b{color:#c1e3e9;font-weight:500}.tcp-journey-marker i{background:#416b7e;width:25px;height:1px}@media (min-width:1500px){.visual-edition .scene-board{min-height:460px}.visual-edition .studio-heading h1,.visual-edition .tcp-heading h1{font-size:40px}}@media (max-width:1200px){.visual-edition .studio-workspace{grid-template-columns:minmax(0,1fr) 285px}.visual-edition .spatial-view-controls{bottom:35px}.cinema-transmission{width:260px;padding:10px 12px;bottom:87px}.visual-edition .tcp-step-inspector h2{font-size:19px}.tcp-journey-marker{font-size:8px;top:43px}}@media (max-width:850px){.visual-edition .spatial-view-controls button{padding:6px;font-size:9px}.visual-edition .studio-workspace{grid-template-columns:minmax(0,1fr) 260px}.cinema-transmission{width:235px;bottom:80px}.cinema-transmission-copy>strong{font-size:11px}.cinema-signal-icon,.visual-edition .spatial-engine>span{display:none}.visual-edition .tcp-actor b{font-size:24px}}@media (max-width:680px){.visual-edition .studio-heading h1,.visual-edition .tcp-heading h1{font-size:31px}.visual-edition .studio-heading,.visual-edition .tcp-heading{min-height:0}.visual-edition .console-telemetry strong{font-size:23px}.visual-edition .studio-workspace{grid-template-columns:1fr;height:auto;min-height:0;max-height:none;display:grid}.visual-edition .scene-board{height:415px;min-height:415px}.visual-edition .spatial-view-controls{gap:1px;padding:3px;inset:48px auto auto 10px}.visual-edition .spatial-view-controls button{gap:3px;padding:5px 6px;font-size:8px}.visual-edition .spatial-view-controls .cinema-follow{margin-left:1px;padding-left:6px}.visual-edition .spatial-engine{font-size:8px;top:17px;right:11px}.visual-edition .spatial-engine i{width:4px;height:4px;margin-right:4px}.cinema-transmission{gap:8px;width:225px;padding:8px 10px;bottom:32px;left:12px}.cinema-transmission-copy>strong{margin:5px 0 7px;font-size:10px}.cinema-transmission-copy>small{font-size:8px}.cinema-transmission-copy>small>span{font-size:7px}.visual-edition .tcp-theatre-content{height:auto;display:contents}.visual-edition .tcp-stage{height:340px;min-height:340px}.visual-edition .tcp-stage-top>span{font-size:8px}.visual-edition .tcp-stage-top small{font-size:7px}.visual-edition .tcp-camera-controls{justify-content:flex-start;bottom:13px;left:10px;right:10px}.visual-edition .tcp-route-caption{text-align:left;max-width:none;font-size:8px;bottom:49px;left:11px;right:11px}.tcp-journey-marker{gap:5px;font-size:7px;top:39px;left:12px}.tcp-journey-marker i{width:14px}.visual-edition .tcp-step-inspector h2{font-size:21px}.visual-edition .tcp-actor b{font-size:28px}.visual-edition .presentation-mode .studio-workspace{grid-template-columns:1fr;min-height:0;display:flex}.visual-edition .presentation-mode .scene-board{height:415px;min-height:415px}.visual-edition .tcp-presenting .tcp-theatre-content{flex:none;display:contents}.visual-edition .tcp-presenting .tcp-stage{height:360px;min-height:360px}}@media (prefers-reduced-motion:reduce){.visual-edition *{transition:none!important;animation:none!important}}