:root{--bg:#f6f7f9;--panel:#fff;--ink:#1c2733;--muted:#66727f;--accent:#1f77b4;--border:#e2e7ec;--error:#b3261e}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;height:100vh;display:flex}header{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.95rem;display:flex}header .sep{color:var(--muted)}header .identity{color:var(--muted);font-size:.85rem}header .identity.authenticated{color:var(--accent);font-weight:600}header .stats{color:var(--muted);margin-left:auto;font-size:.85rem}#breadcrumbs{background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap;align-items:center;gap:.35rem;padding:.4rem 1rem;font-size:.85rem;display:flex;overflow-x:auto}#breadcrumbs button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:4px;padding:.15rem .35rem}#breadcrumbs button:hover{background:#e2eefb}#breadcrumbs button.active{color:var(--ink);cursor:default}#breadcrumbs span{color:var(--muted)}main{flex:1;min-height:0;display:flex}#panel{background:var(--panel);border-right:1px solid var(--border);width:320px;min-width:280px;padding:1rem;font-size:.9rem;overflow-y:auto}#panel h2{margin:0 0 .5rem;font-size:1rem}#panel h3{color:var(--muted);margin:1rem 0 .4rem;font-size:.9rem}.hint{color:var(--muted);font-size:.82rem}.list{margin:0;padding:0;list-style:none}.list li{cursor:pointer;border-radius:6px;padding:.4rem .5rem}.list li:hover{background:#eef3f8}.list li.active{color:var(--accent);background:#e2eefb}.list li.link{color:var(--accent)}.facts{grid-template-columns:auto 1fr;gap:.3rem .6rem;margin:.5rem 0;display:grid}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;margin:0}#temporal{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.9rem}#temporal input,#temporal select,#temporal button{width:100%;font:inherit;border:1px solid var(--border);border-radius:6px;margin-top:.35rem;padding:.4rem .5rem}#temporal button{cursor:pointer;background:var(--accent);color:#fff;border-color:var(--accent)}#temporal button:hover{opacity:.92}#map{flex:1;min-width:0}.error{color:var(--error);background:#fdecea;border-top:1px solid #f5c6c0;margin:0;padding:.6rem 1rem;font-size:.85rem}.studio-app{flex-direction:column;min-height:100vh;display:flex}.studio-title{color:var(--muted)}.studio-main{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:1rem;padding:1rem;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem}.panel h2{margin:0 0 .75rem;font-size:1.05rem}.panel h3{margin:1.1rem 0 .5rem;font-size:.95rem}.panel label{color:var(--muted);flex-direction:column;gap:.25rem;margin-bottom:.6rem;font-size:.85rem;display:flex}.panel input,.panel textarea{font:inherit;color:var(--ink);border:1px solid var(--border);background:#fff;border-radius:6px;padding:.45rem .55rem;font-size:.9rem}.panel textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.panel .row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.panel button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:.45rem .8rem;font-size:.9rem}.panel button.secondary{color:var(--accent);background:0 0}.panel button:hover{opacity:.92}@media (width<=760px){main{flex-direction:column}#panel{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:40vh}}