:root{font-family:Inter,ui-sans-serif,system-ui;color:#192231;background:#edf1f5}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}header{height:64px;background:#111a29;color:#fff;display:flex;align-items:center;padding:0 18px;gap:18px;box-shadow:0 2px 8px #0003;position:relative;z-index:3}.brand{font-weight:800;letter-spacing:.5px;min-width:190px}.brand span{color:#48d6b1}.brand small{display:block;color:#9ba8bb;font-size:10px;font-weight:500;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav{display:flex;gap:5px;flex:1}button{border:1px solid #d4dae2;background:#fff;color:#243044;border-radius:6px;padding:7px 10px;cursor:pointer}header button{background:#1c283a;border-color:#35445a;color:#e9eef5;font-size:12px}header .primary{background:#22a883;border-color:#22a883;color:#fff}.status{font-size:12px;color:#9ee6d3;white-space:nowrap}.status.dirty{color:#ffc56d}main{height:calc(100vh - 64px);display:grid;grid-template-columns:235px 1fr 285px}.left,.props{background:#fff;padding:18px;border-right:1px solid #dce1e8;overflow:auto}.props{border-left:1px solid #dce1e8;border-right:0}h3{font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin:4px 0 14px}h3 em{font-style:normal;background:#e8edf3;border-radius:12px;padding:2px 7px;float:right}label{font-size:11px;color:#687386;display:block;margin:10px 0 4px}input{width:100%;border:1px solid #d7dde5;border-radius:6px;padding:8px}.stats{display:grid;grid-template-columns:1fr 1fr;margin:18px 0 25px;background:#f4f6f9;padding:12px;border-radius:8px}.stats b{font-size:21px;color:#1a9b79}.stats span{font-size:10px;color:#778296}.workspace{overflow:auto;position:relative;padding:28px;background:#e8edf2}.canvas{position:relative;background-color:#fff;box-shadow:0 3px 18px #26354822;transform-origin:top left}.table{position:absolute;border:2px solid #6c7d91;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 2px 6px #0002;cursor:grab}.table.round{border-radius:50%}.table.oval{border-radius:45%}.table.selected{border-color:#16ad88;box-shadow:0 0 0 3px #16ad8835}.table.over{border-color:#e25263}.table strong{font-size:12px;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table span{font-size:11px;color:#667184;margin-top:4px}.table i{position:absolute;top:5px;right:7px;font-size:10px}.zoom{position:fixed;bottom:20px;left:50%;background:#152033;color:#fff;padding:5px 9px;border-radius:8px;font-size:12px}.zoom button{padding:2px 8px;margin:0 8px;background:#26364d;color:#fff;border:0}.guest{padding:9px;border-bottom:1px solid #edf0f4;font-size:12px}.guest small{display:block;color:#8993a2;font-size:10px}.props .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.props .check{display:flex;align-items:center;gap:8px;margin:14px 0}.props .check input{width:auto}.props details{border-top:1px solid #e6e9ee;border-bottom:1px solid #e6e9ee;padding:12px 0;margin:15px 0}.props summary{font-size:12px;cursor:pointer}.props.empty{text-align:center;padding-top:80px;color:#687386}.props.empty div{font-weight:700;color:#344055}.props.empty p{font-size:12px}.props .resize{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.props .resize button{padding:7px 4px;font-size:11px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:22px}.palette button{padding:9px 5px;font-size:11px;background:#f4f6fa}.layout-object{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #ffffffcc;outline:2px solid #25344855;color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 3px 8px #0002}.layout-object.circle{border-radius:50%}.layout-object.person{border-radius:42px 42px 14px 14px}.layout-object.wall_horizontal,.layout-object.wall_vertical{border-style:solid;border-color:#fff6;outline-color:#11182788;background-image:repeating-linear-gradient(45deg,#ffffff12 0,#ffffff12 8px,#00000012 8px,#00000012 16px)}.layout-object.text{border-style:solid;box-shadow:none;outline:none}.layout-object.text.selected{outline:4px solid #16ad88}.transparent-color{margin:8px 0;padding-bottom:4px;border-bottom:1px solid #edf0f4}.transparent-color .check{margin:5px 0}.canvas.marquee-active{cursor:crosshair}.selection-marquee{position:absolute;z-index:20;pointer-events:none;border:1px solid #0e9f7a;background:#20c99726;box-shadow:0 0 0 1px #fffa inset}.props select{width:100%;border:1px solid #d7dde5;border-radius:6px;padding:8px;background:#fff;color:#243044}.layout-object.selected{outline:4px solid #16ad88}.layout-object strong{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-shadow:0 1px 2px #0007}.layout-object .object-icon{font-size:25px;line-height:1}.layout-object i{position:absolute;right:5px;top:3px;font-size:10px}.object-kind{display:inline-block;padding:4px 9px;border-radius:12px;background:#eee9ff;color:#6048b7;font-size:11px;text-transform:uppercase}.danger{width:100%;color:#b42d3c;border-color:#e9b9bf;margin-top:15px}.table.round strong{display:none}.selection-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.selection-tools button{padding:7px 3px;font-size:11px}.selection-tools .wide{grid-column:1 / -1}.selection-help{display:block;color:#778296;line-height:1.4;margin:7px 0 20px}.viewer-mode main{grid-template-columns:1fr 285px}.viewer-mode .table,.viewer-mode .layout-object{cursor:pointer}.workspace:fullscreen{padding:20px;background:#e8edf2;overflow:auto}.workspace:fullscreen .canvas{margin-left:auto;margin-right:auto;flex:none}.workspace:fullscreen .zoom{position:fixed}.props input:disabled{background:#f4f6f8;color:#384458;cursor:default;opacity:1}.landing{position:relative;display:grid;grid-template-columns:1fr;place-items:center;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(145deg,#0d1727,#14283a 55%,#0d3b3a);color:#fff}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:radial-gradient(#8ee7cf 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}.landing-card{position:relative;z-index:2;width:min(760px,calc(100vw - 40px));padding:70px 45px;text-align:center;border:1px solid #ffffff25;border-radius:28px;background:#0e1927b8;box-shadow:0 30px 90px #0007;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-card p{margin:22px 0 16px;color:#62d7b8;font-size:12px;font-weight:750;letter-spacing:3px}.landing-card h1{margin:0;font-size:clamp(32px,5vw,62px);line-height:1.12;letter-spacing:-2px;font-weight:400}.landing-card h1 strong{color:#69dfc0;font-weight:800}.landing-card small{color:#aebdca;font-size:14px;letter-spacing:.3px}.landing-line{width:72px;height:3px;margin:30px auto;border-radius:3px;background:#69dfc0}.landing-mark{display:flex;justify-content:center;align-items:end;gap:8px;height:42px}.landing-mark span{width:15px;border-radius:8px 8px 3px 3px;background:linear-gradient(#79e8cb,#2a9f85)}.landing-mark span:nth-child(1){height:25px}.landing-mark span:nth-child(2){height:42px}.landing-mark span:nth-child(3){height:32px}.landing-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(100px);opacity:.16}.landing-glow.one{left:-180px;top:-180px;background:#43d7b0}.landing-glow.two{right:-200px;bottom:-230px;background:#3a82db}.session-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100vw;height:100vh;background:#0d1727;color:#b8c7d3;font-size:13px}.session-spinner{width:34px;height:34px;border:3px solid #ffffff22;border-top-color:#69dfc0;border-radius:50%;animation:session-spin .8s linear infinite}@keyframes session-spin{to{transform:rotate(360deg)}}