:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html[data-deterministic="1"] *,html[data-deterministic="1"] *:before,html[data-deterministic="1"] *:after{transition:none!important;animation:none!important;caret-color:transparent!important}html[data-deterministic="1"]{scroll-behavior:auto!important}*{box-sizing:border-box}:root{height:100%}html,body,#root{height:100%;margin:0;width:100%}body{font-family:Inter,system-ui,Arial,sans-serif;background:#0b0e14;color:#e5e7eb;overflow:hidden}.app{height:100%;min-height:100svh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 10px calc(14px + env(safe-area-inset-left));border-bottom:1px solid rgba(255,255,255,.08);background:#0b0e14;position:relative;z-index:50}.topbar__left{display:flex;align-items:center;gap:10px;min-width:0;position:relative;z-index:60}.topbar__right{display:flex;align-items:center;gap:10px;position:relative;z-index:60}.btn{height:32px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e5e7eb;cursor:pointer;font-weight:600}.btn:hover{background:#ffffff1a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:transparent}.btn--ghost:hover{background:#ffffff0f}.title{font-weight:700;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:12px;padding:4px 8px;border-radius:999px;background:#ffffff14}.iconBtn{width:36px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e5e7eb;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative}.iconBtn:hover{background:#ffffff14}.main{position:relative;min-height:0;overflow:hidden}.layout{height:100%;display:block;min-height:0}.scene{height:100%;min-width:0;min-height:0}.main canvas{display:block;height:100%;width:100%}.buildLayout{height:100%;min-height:0;display:grid;grid-template-columns:1.25fr 1fr;gap:10px;padding:10px}.buildLayout__editor{min-height:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:#ffffff08}.buildLayout__preview{min-height:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.planEditor{height:100%;display:flex;flex-direction:column;min-height:0}.planEditor__top{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}.planEditor__svg{width:100%;height:100%;background:#1118278c;touch-action:none;cursor:crosshair}.sidebar--build .row__meta{opacity:.85}@media(max-width:900px){.buildLayout{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.sidebar{position:fixed;top:0;left:0;height:100dvh;width:320px;max-width:92vw;z-index:45;border-right:1px solid rgba(255,255,255,.08);padding:12px 12px 14px;overflow:auto;background:#0b0e14eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-110%);transition:transform .18s ease}.layout--sidebarOpen .sidebar{transform:translate(0)}.sidebar__section{margin-bottom:14px}.sidebar__title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin:4px 0 8px}.list{display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#e5e7eb;cursor:pointer;text-align:left}.row:hover{background:#ffffff0f}.row--active{border-color:#ffb0208c;background:#ffb0201f}.row__name{flex:1;font-weight:600}.row__meta{font-size:12px;color:#9ca3af}.dot{width:10px;height:10px;border-radius:999px;background:#e5e7eb}.dot--working{background:#4ade80}.dot--meeting{background:#60a5fa}.dot--walking{background:#fbbf24}.dot--idle{background:#e5e7eb}.sidebar__hint .hint{font-size:12px;line-height:1.35;color:#a3a3a3;margin:4px 0}.footer{padding:10px 14px calc(10px + env(safe-area-inset-bottom)) 14px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#a3a3a3}.backdrop{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}@media(max-width:900px){.sidebar{width:min(86vw,360px);max-width:360px}}