:root{--bg:#f6f8f8;--panel:#fff;--ink:#20342f;--muted:#83918e;--line:#e7eeeb;--mint:#168a70;--mint-soft:#e9f6ef;--sidebar:242px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{transition:background .16s,color .16s,box-shadow .16s,transform .16s}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #239e81;outline-offset:3px}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;top:0;bottom:0;left:0;background:#fff;border-right:1px solid var(--line);padding:33px 19px 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:10px;align-items:center;padding:0 13px 29px;font-size:29px;font-weight:700;letter-spacing:-1.1px}.brand-icon{color:#238e75;display:flex}.brand-sub{display:block;font-size:8px;letter-spacing:2.1px;font-weight:500;margin-top:3px;color:#7c918b}.workspace{margin:0 4px 30px;border:1px solid var(--line);border-radius:8px;display:flex;padding:12px 10px;align-items:center;gap:9px;font-size:11px;font-weight:600}.workspace-icon{width:29px;height:30px;background:#f0f5f2;border-radius:6px;display:grid;place-items:center;color:#6c8179}.profile small,.workspace small{display:block;color:#94a09b;font-size:10px;margin-top:5px;font-weight:400}.workspace>.dot{margin-left:auto}.dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:#42ad84;border-radius:50%}.dot.amber{background:#ddb363}.dot.purple{background:#a18be2}.dot.blue{background:#73a3bb}.nav-label{font-size:9px;letter-spacing:1.5px;color:#9aa6a1;padding:0 14px;margin-bottom:12px;font-weight:600}nav{display:flex;flex-direction:column;gap:5px}.nav-single,nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:12px;color:#76867f;border-radius:6px;min-height:42px}.nav-single svg,nav a svg{stroke-width:1.6}.nav-single:hover,nav a:hover{background:#f4f8f5;color:var(--mint)}.nav-single.active,nav a.active{background:#eaf5ef;color:#187656;font-weight:600}.nav-active-dot{width:5px;height:5px;background:#2e9770;border-radius:50%;margin-left:auto}.tools-label{margin-top:32px}.small-tag{margin-left:auto;font-size:8px;letter-spacing:1px;color:#8d9e98;background:#f0f4f1;padding:3px 5px;border-radius:3px}.sidebar-bottom{margin-top:auto}.local-status{border:1px solid var(--line);margin:28px 5px 22px;padding:11px;border-radius:6px;color:#82958a;font-size:10px;display:flex;align-items:center;gap:7px}.local-status>span:last-child{margin-left:auto;color:#a2aca6}.profile{border-top:1px solid var(--line);padding:19px 5px;display:flex;gap:10px;align-items:center;font-size:11px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7ece4;color:#6f7f5a;font-size:10px;font-weight:600}.profile button{margin-left:auto;color:#93a098}.main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar))}.topbar{height:75px;border-bottom:1px solid var(--line);padding:0 39px;background:#fff;font-size:11px;color:#94a09b;gap:20px}.topbar,.topbar>div{display:flex;align-items:center}.topbar>div{gap:12px}.topbar strong{font-weight:500;color:#52675e}.top-status{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px}.top-divider{height:20px;width:1px;background:var(--line)}.avatar.small{width:29px;height:29px}.content{padding:35px 39px 20px;max-width:1720px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:15px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#8c9a93;margin-bottom:9px}.eyebrow,h1{font-weight:600}h1{font-size:30px;letter-spacing:-1px;margin:0 0 10px;line-height:1.25}.heading-dot{color:#3c9e73}p{line-height:1.6}.page-heading p{color:#8d9a94;font-size:12px;margin:0}.heading-actions{display:flex;gap:9px}.light-button,.primary,.secondary{border-radius:6px;min-height:37px;padding:10px 14px;font-size:11px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;white-space:nowrap}.primary{background:#257d60;color:white;border-color:#257d60;box-shadow:0 2px 3px #193e160a}.primary:hover{background:#196949;transform:translateY(-1px)}.secondary{background:#fff;border-color:#dfe8e2;color:#5a7165}.secondary:hover{background:#f1f7f3}.light-button{background:#f2f8ed;color:#284d37;margin-top:7px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.stat{border:1px solid var(--line);border-radius:9px;background:white;padding:19px 20px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7e8f86;gap:5px}.stat-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:7px}.mint{background:#eff7f0;color:#50926c}.purple{background:#f5f2fc;color:#a495c7}.blue{background:#edf5f9;color:#779aae}.amber{background:#fcf6e9;color:#c0a267}.stat-value{display:block;font-size:29px;letter-spacing:-1px;font-weight:500;margin:10px 0;white-space:nowrap}.stat-value.compact{font-size:23px;line-height:35px}.stat small{display:flex;gap:6px;align-items:center;color:#94a196;font-size:10px}.stat small .dot{width:4px;height:4px}.overview-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:22px}.experience-card{min-height:295px;border-radius:9px;background:#0b2726;position:relative;overflow:hidden;display:flex}.experience-card:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 80%,#26776722,transparent 60%);pointer-events:none}.experience-copy{padding:30px;z-index:2;width:56%}.live-label{color:#a0c3b1;font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:7px}.live-label .dot{width:4px;height:4px;background:#84cba8}.experience-copy h2{font-weight:400;font-size:27px;letter-spacing:-.7px;line-height:1.23;color:#f0f7ed;margin:22px 0 12px}.experience-copy p{font-size:11px;color:#8fae9e;line-height:1.75;margin:0 0 14px}.experience-foot{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:1.1px;color:#739282;margin-top:24px}.tiny-circle{width:7px;height:7px;border:1px solid #76978a;border-radius:50%}.orbital-art{position:absolute;right:0;top:0;width:52%;height:100%;perspective:600px;background-image:radial-gradient(#80af9022 .8px,transparent 0);background-size:17px 17px}.orbit{position:absolute;border:1px solid #7fc3a319;border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%) rotateX(50deg) rotate(-22deg)}.orbit-one{width:280px;height:280px}.orbit-two{width:340px;height:340px}.orbit-three{width:205px;height:205px;border-color:#7fc3a333}.orbit-axis{position:absolute;width:100%;height:1px;top:54%;background:#88c8a916;transform:rotate(-23deg)}.glass-disc{position:absolute;left:50%;top:46%;width:157px;height:157px;transform:translate(-50%,-50%) rotateX(35deg) rotate(-18deg);border-radius:50%;background:radial-gradient(ellipse at 40% 20%,#6b958146,#23483955);border:1px solid #8cbc9c7a;box-shadow:0 10px 0 -1px #203f35,0 11px 0 0 #4c7563,0 25px 35px #0005,inset 0 1px 12px #b8efb811}.triangle-art{inset:29px 36px 37px 22px;background:#b6dca410;border:1px solid #b1df9c}.triangle-art,.triangle-art:after{position:absolute;clip-path:polygon(35% 0,100% 76%,0 100%)}.triangle-art:after{content:"";inset:1px;background:#83b98b33}.orb-point{position:absolute;width:12px;height:12px;border-radius:50%;background:#d5efb6;border:3px solid #819f72;box-shadow:0 0 0 7px #b8dc8914,0 0 18px #bcec8677}.p-one{left:50px;top:27px}.p-two{right:29px;bottom:48px}.p-three{left:22px;bottom:30px}.floating-label{position:absolute;left:42%;top:72%;border:1px solid #648a6544;background:#1c3b32e8;color:#bed6bb;font-size:9px;padding:9px 12px;border-radius:5px;display:flex;align-items:center;gap:7px;transform:rotate(-4deg);white-space:nowrap}.floating-label span:last-child{color:#799781;font-size:8px;margin-left:8px}.coordinate{position:absolute;color:#6b947c;font-size:7px;font-family:monospace}.c-one{left:7%;top:40%}.c-one,.c-two{transform:rotate(-21deg)}.c-two{right:5%;top:65%}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading>svg{color:#9fb0a4}h3{font-size:14px;margin:0}h2,h3{font-weight:600}h2{font-size:18px;letter-spacing:-.3px}.muted{color:#93a096;font-size:11px}.readiness{padding:23px 22px 15px}.readiness>.muted{font-size:10px;margin-top:9px;margin-bottom:19px}.setup-row{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid #f0f3ef;font-size:11px}.setup-row>svg{margin-left:auto;color:#a0ada3;width:13px}.setup-row small{display:block;color:#9aa69d;font-size:9px;margin-top:5px}.setup-icon{width:31px;height:31px;border:1px solid #eaf0e9;background:#f7f9f5;border-radius:6px;color:#8fa28e;display:grid;place-items:center}.setup-icon.done{background:#edf7ef;color:#4a9665}.hint{font-size:8px;display:flex;align-items:center;gap:6px;margin-top:18px;color:#a9a084}.hint .dot{width:4px;height:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 18px}.section-heading h2{font-size:16px;margin:0}.count{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;margin-left:7px;color:#91a08e;background:#eaf0e7;border:1px solid #e1e9dd;border-radius:4px;width:20px;height:19px;vertical-align:middle}.section-heading p{font-size:10px;color:#97a195;margin:6px 0 0}.section-heading>a{display:flex;align-items:center;gap:8px;color:#5b8868;font-size:10px}.object-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.object-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;text-align:left;padding:0;min-width:0;color:var(--ink)}.object-card:hover{box-shadow:0 8px 25px #23462b0b;transform:translateY(-3px);border-color:#bed5c5}.object-art{position:relative;height:175px;background:#fafcf9;background-image:radial-gradient(#b7c3b429 .7px,transparent 0);background-size:12px 12px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #f0f3ed}.pattern{width:165px;height:165px;color:#637c69}.pattern.large{display:block;margin:auto;width:250px;height:250px}.status-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #e4eddf;background:#f0f7eccc;color:#79a065;padding:4px 7px;border-radius:4px;font-size:8px;font-weight:500}.status-pill .dot{width:4px;height:4px;background:#82ae6d}.object-art>.status-pill{position:absolute;left:15px;top:13px}.status-pill.draft{background:#faf4e8;color:#b59b63;border-color:#f0e5d0}.version{position:absolute;right:15px;top:17px;font-size:9px;color:#a1aea0}.object-info{padding:16px 18px 10px;display:flex;justify-content:space-between;align-items:center}.object-info>svg{color:#a1afa0}.object-info h3{font-size:14px}.object-code{font-size:8px;letter-spacing:.7px;color:#a4afa0;display:block;margin-top:5px}.object-meta{gap:11px;padding:11px 18px 15px;color:#97a592;font-size:9px}.object-meta,.object-meta span{display:flex;align-items:center}.object-meta span{gap:4px;white-space:nowrap}.bottom-note{display:flex;gap:8px;color:#a0ac9e;font-size:9px;align-items:center;border-top:1px solid #e8eee4;margin-top:30px;padding-top:18px}.bottom-note>.push{font-size:7px;letter-spacing:1.3px}.push{margin-left:auto}.icon-button{border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;padding:5px;border-radius:4px}.icon-button:hover{background:#78947a14}.toolbar{justify-content:space-between;margin-bottom:22px}.search,.toolbar{display:flex;align-items:center}.search{border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 12px;width:310px;color:#9aa797}.search input{border:0;background:transparent;outline:none}.add-card{border:1px dashed #cbdac7;min-height:285px;border-radius:8px;background:transparent;text-align:center;color:#8b9d82}.add-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #d4e0cd;margin:0 auto 15px}.add-card p,label{font-size:11px}label{display:flex;flex-direction:column;gap:8px;color:#657c69;margin-bottom:17px}input,select,textarea{border:1px solid #dfe7db;border-radius:5px;padding:10px 11px;color:#39583f;background:#fff;width:100%;font-size:12px}textarea{resize:vertical;min-height:68px}input[type=color]{height:37px;padding:3px}input[type=range]{padding:0;accent-color:#458d69}input[type=checkbox]{width:14px;height:14px;accent-color:#3b8861}.checkbox{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:11px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-panel{max-width:790px;padding:30px}.settings-panel>h2{margin-top:0}.info-box{background:#f3f7ef;border:1px solid #e7eedf;border-radius:6px;padding:13px 14px;color:#8a9c7e;font-size:10px;line-height:1.65;margin:18px 0}.display-preview{height:190px;border:1px solid #e4edde;background:radial-gradient(ellipse at center,#e7f2df,#f7faf4);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;margin:22px 0;color:#84a27b}.display-preview span{font-size:20px}.display-preview small{font-size:8px;letter-spacing:2px;color:#95ab87}.measurement-art{text-align:center;margin:26px 0}.measurement-art>div{width:70%;height:160px;background:#f3f8ee;border:1px dashed #baccaa;display:flex;gap:15px;flex-direction:column;align-items:center;justify-content:center;margin:auto;color:#84a06f}.measurement-art>span{font-size:8px;letter-spacing:1.7px;color:#94a587;display:block;margin:14px}.upload-zone{border:1px dashed #bfd4b2;background:#f4f8ef;border-radius:9px;padding:32px;text-align:center;display:flex;align-items:center;gap:10px;cursor:pointer}.upload-zone p{margin:0 0 7px;font-size:11px;color:#96a48b}.upload-icon{color:#89a271;background:#eaf2e0;display:grid;place-items:center;width:53px;height:53px;border-radius:12px;margin-bottom:6px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.media-card{padding:0;overflow:hidden}.media-thumbnail{height:170px;position:relative;background:#eaf0e6;display:grid;place-items:center;color:#a4b599}.media-thumbnail img{width:100%;height:100%;object-fit:cover}.media-duration{position:absolute;bottom:10px;right:10px;background:#102014ba;color:#fff;border-radius:4px;padding:4px 7px;font-size:10px}.media-info{padding:19px}.media-info h3{word-break:break-word}.media-info p{color:#94a08a;font-size:10px}.button-row{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#698d5d;font-size:11px;padding:4px 0}.empty-state{padding:60px;text-align:center;color:#9aaa90;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.empty-state h3,.empty-state p{margin:0}.modal-backdrop{position:fixed;inset:0;background:#11211966;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fff;border-radius:12px;padding:29px;max-height:94vh;overflow:auto;width:600px;box-shadow:0 30px 100px #0002}.wide-modal{width:850px}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-heading h2{font-size:23px;margin:0}.modal-heading .eyebrow{font-size:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.generator{border-left:1px solid var(--line);padding-left:28px}.generator-preview{background:#f6f9f3;border:1px solid var(--line);border-radius:8px;position:relative;margin-bottom:15px;aspect-ratio:1;display:grid;place-items:center}.generator-preview svg{width:100%;height:100%;touch-action:none}.generator-preview>span{position:absolute;font-size:10px;color:#96a78b}.generator>.secondary{width:100%}.generator>small{display:block;text-align:center;font-size:9px;color:#a0af95;margin:12px}.point-row{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid var(--line);padding:9px;color:#8b9e7b}.modal-footer{margin-top:20px;padding-top:20px;justify-content:flex-end;gap:10px}.detail-stats,.modal-footer{border-top:1px solid var(--line);display:flex}.detail-stats{justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);margin:20px 0}.detail-stats span{color:#96a58b;font-size:10px}.detail-stats strong{display:block;margin-top:6px;color:#577744;font-size:12px}.detail-modal>p{color:#92a085;font-size:12px}.error-banner{padding:13px 17px;border:1px solid #f0d4c3;background:#fff2e9;color:#af6542;font-size:12px;border-radius:6px;margin:0 0 20px;display:flex;justify-content:space-between;align-items:center}.error-text{color:#b87051;font-size:10px}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#245f42;color:white;padding:14px 22px;z-index:200;border-radius:8px;font-size:12px;box-shadow:0 10px 25px #0002;display:flex;gap:10px;align-items:center}.loading{display:grid;place-items:center;min-height:300px;color:#8eaa7c}table{border-collapse:collapse;width:100%;margin-top:20px;font-size:11px;text-align:left}th{padding:12px;color:#99aa8a;font-weight:400;background:#fafcf7}td,th{border-bottom:1px solid var(--line)}td{padding:15px 12px;color:#6f855d}td small{display:block;color:#a7b39c;margin-top:5px}.login-panel{position:relative;padding:55px 35px;overflow:hidden;min-height:650px}.login-panel h1{font-size:48px;line-height:1.15;letter-spacing:-2px;position:relative;z-index:1}.login-panel>p{max-width:340px;font-size:13px;color:#8ca180}.login-panel form{max-width:330px;position:relative;z-index:2;margin-top:38px}.login-panel form h3{margin-bottom:24px}.login-panel form .primary{width:100%;margin-top:8px}.login-art{position:absolute;right:5%;top:20%;width:350px;height:350px;display:grid;place-items:center;color:#7aab8a}.login-art div{position:absolute;border:1px solid #bbd7b1;border-radius:50%;width:100%;height:100%}.login-art div:nth-child(2){width:77%;height:77%;border-style:dashed}.login-art div:nth-child(3){width:55%;height:55%;background:#e6f1de}.login-art svg{position:relative;z-index:1}.simulation-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:18px}.segmented{display:flex;background:#eaf0e4;padding:4px;border-radius:7px;gap:2px}.segmented button{border:0;background:transparent;padding:9px 17px;color:#8b9c79;font-size:11px;border-radius:5px}.segmented button.selected{background:white;color:#52753d;box-shadow:0 2px 5px #25451909}.connection-label{display:flex;align-items:center;gap:7px;color:#90a07f;font-size:10px}.simulation-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px}.surface{position:relative;background:#081e20;overflow:hidden;touch-action:none;border-radius:9px;isolation:isolate;box-shadow:inset 0 0 90px #0003}.surface:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#9fb99420 1px,transparent 0);background-size:22px 22px}.surface video{z-index:1;background:#071a1d}.surface canvas,.surface video{position:absolute;width:100%;height:100%;inset:0}.surface canvas{z-index:3;pointer-events:none}.surface-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#a9c3af;width:90%;pointer-events:none}.surface-logo{font-size:40px;font-weight:600;letter-spacing:-2px;color:#d5e5d9}.surface-logo span{font-size:10px;letter-spacing:4px;font-weight:400;display:block;margin-top:5px;color:#7d9b89;text-transform:uppercase}.surface-watermark p{font-size:12px;line-height:1.6;color:#759784;margin-top:20px}.surface-watermark small{font-size:8px;color:#567466;display:block;margin-top:22px}.surface-corner{position:absolute;font-size:7px;letter-spacing:1.4px;color:#70907b;z-index:4;pointer-events:none;display:flex;gap:8px;align-items:center}.top-left{left:20px;top:19px}.bottom-left{bottom:18px;left:20px}.bottom-right{bottom:18px;right:20px}.simulation-controls{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.simulation-controls h3{font-size:13px}.simulation-controls>.muted{font-size:10px;margin-bottom:18px}.sim-add{display:flex;align-items:center;gap:9px;width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:#779367;font-size:11px}.sim-add>span{width:29px;height:29px;border-radius:6px;display:grid;place-items:center}.sim-add>svg{margin-left:auto}.sim-add small{display:block;font-size:8px;color:#a3b195;margin-top:4px}.sim-selection{border-bottom:1px solid var(--line);padding:5px 0 16px}.sim-selection h4{font-size:12px;display:flex;align-items:center}.noise-controls{margin-top:20px}.noise-controls label{font-size:10px}.simulation-metrics{display:flex;gap:20px;font-size:10px;color:#99aa8a;padding:15px 4px;align-items:center;flex-wrap:wrap}.simulation-metrics b{font-weight:500;color:#66864f}.simulation-metrics label{margin:0 0 0 auto;font-size:10px}.tuio-settings{display:flex;gap:20px}.tuio-settings label{flex:1 1}.diagnostic-panel{margin-top:20px}.diagnostic-panel>p{color:#809b6c;font-size:12px}.standalone{height:100vh;background:#000;display:flex;align-items:center;justify-content:center}.standalone .simulation-layout{display:block;width:100%;max-height:100vh}.standalone .surface{max-height:100vh;width:auto;max-width:100vw;margin:auto;border-radius:0}.standalone .surface-watermark p{font-size:22px}.standalone .surface-logo{font-size:70px}.standalone .simulation-layout>div{height:100vh;display:flex;align-items:center;justify-content:center}.standalone .surface{width:100%;height:auto}.surface:fullscreen{border-radius:0;width:100%;height:100%;aspect-ratio:auto!important}@media (min-width:1500px){.content{padding:40px 50px}.experience-card{min-height:325px}.experience-copy{padding:35px}.experience-copy h2{font-size:32px}.object-art{height:200px}.pattern{height:185px;width:185px}}@media (max-width:1150px){:root{--sidebar:210px}.content{padding:28px 25px}.topbar{padding:0 25px}.sidebar{padding-left:12px;padding-right:12px}.stat{padding:15px}.stat-top{font-size:10px}.stat-value.compact{font-size:18px}.overview-grid{grid-template-columns:1.6fr 1fr;gap:15px}.experience-copy{padding:26px 22px}.experience-copy h2{font-size:24px}.object-grid{gap:13px}.object-meta{gap:6px;font-size:8px;padding-left:14px;padding-right:14px}.heading-actions .secondary{font-size:10px;padding:9px}.simulation-layout{grid-template-columns:minmax(0,1fr) 205px}.simulation-metrics{gap:10px}.stat small{font-size:8px}}@media (max-width:900px){:root{--sidebar:185px}.brand{font-size:25px;padding-left:7px}.workspace{font-size:9px;gap:6px}.nav-single,.sidebar nav a{font-size:10px;padding:11px 9px;gap:8px}.page-heading{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.readiness{display:none}.media-grid,.object-grid{grid-template-columns:1fr 1fr}.object-grid>.object-card:last-child{grid-column:auto}.experience-card{min-height:290px}.simulation-layout{grid-template-columns:1fr}.simulation-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.simulation-controls>.muted{display:none}.login-art{opacity:.25;right:-130px}.simulation-toolbar{gap:9px}.connection-label{font-size:8px}}@media (max-width:650px){:root{--sidebar:0px}.sidebar{display:none}.content{padding:24px 17px}.topbar{height:58px;padding:0 18px}.page-heading h1{font-size:27px}.heading-actions{width:100%}.stats{gap:10px}.stat{padding:14px}.stat-value{font-size:25px}.stat-value.compact{font-size:16px}.overview-grid{gap:10px}.experience-copy{width:62%}.experience-copy h2{font-size:24px}.orbital-art{right:-35px;opacity:.75}.media-grid,.object-grid{grid-template-columns:1fr}.object-art{height:195px}.pattern{height:185px;width:185px}.section-heading>a{font-size:9px}.bottom-note>.push{display:none}.modal-backdrop{padding:10px}.modal{padding:20px;max-height:96vh}.form-grid{grid-template-columns:1fr}.generator{border:0;padding:0}.field-pair{gap:10px}.generator-preview{max-height:230px}.settings-panel{padding:20px}.simulation-toolbar{flex-wrap:wrap}.simulation-controls{grid-template-columns:1fr}.surface-watermark .surface-logo{font-size:30px}.surface-watermark p{font-size:10px}.surface-corner{font-size:6px}.simulation-metrics{font-size:9px}.login-panel{padding:30px 5px}.login-panel h1{font-size:42px}.login-panel form{max-width:100%}.toolbar{gap:10px}.search{width:70%}.toolbar .muted{font-size:9px}.detail-stats{gap:8px}.detail-stats strong{font-size:10px}table{font-size:9px}td,th{padding:10px 5px}.button-row{gap:7px}.top-status{font-size:8px}.standalone .surface-watermark p{font-size:16px}}.affine-panel{margin-top:30px;padding-top:23px;border-top:1px solid var(--line)}.affine-targets{position:relative;background:#12352b;margin-top:20px;border-radius:5px;touch-action:none}.affine-targets span{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #c0e2a0;color:#d5f2c1;font-size:24px;width:35px;height:35px;display:grid;place-items:center;pointer-events:none}.simulation-layout>div:fullscreen{background:#000;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.simulation-layout>div:fullscreen .surface{width:min(100vw,calc(100vh * var(--aspect)));height:auto;max-height:100vh;border-radius:0;flex-shrink:0}.simulation-layout>div:fullscreen .simulation-metrics{display:none}