*{box-sizing:border-box}body{margin:0;background:#1e1e1e;color:#ddd;font:14px Arial,sans-serif;overflow:hidden}.hidden{display:none!important}.topbar{height:48px;background:#181818;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.brand{font-weight:700}.toolbar{display:flex;gap:6px}.toolbar button,.panel-title button,.modal button{background:#2d2d2d;color:#ddd;border:1px solid #444;border-radius:4px;padding:6px 10px;cursor:pointer}.toolbar button:hover,.panel-title button:hover{background:#3b3b3b}.layout{display:grid;grid-template-columns:240px 1fr 340px;height:calc(100vh - 48px)}.sidebar,.right-panel{background:#181818;border-right:1px solid #333;overflow:auto}.right-panel{border-left:1px solid #333;border-right:0}.panel-title{height:38px;padding:10px;border-bottom:1px solid #333;font-size:12px;font-weight:bold;display:flex;justify-content:space-between}.editor-area{display:grid;grid-template-rows:36px 1fr 24px;min-width:0}.tabs{background:#202020}.tab{display:inline-flex;padding:10px 14px;border-right:1px solid #333;height:36px}.tab.active{background:#1e1e1e}.tree{padding:6px}.node{padding:5px 6px;cursor:pointer;white-space:nowrap}.node:hover{background:#2a2d2e}.node.dir{font-weight:600}.indent{padding-left:18px}.statusbar{background:#007acc;color:#fff;padding:4px 10px;font-size:11px;display:flex;justify-content:space-between}.editor-area #tabs{overflow:hidden}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:#111}.login-card{width:360px;background:#1e1e1e;border:1px solid #444;padding:30px;border-radius:10px;text-align:center}.logo{font-size:42px}.login-card input{width:100%;padding:12px;background:#111;color:#fff;border:1px solid #555;margin:15px 0}.login-card button{width:100%;padding:11px;background:#007acc;border:0;color:white;border-radius:4px}.login-card small{display:block;color:#888;margin-top:15px}.login-card code{color:#ccc}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center}.modal-card{width:min(900px,90vw);max-height:85vh;background:#1e1e1e;border:1px solid #555;border-radius:8px;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #444}.modal-head h2{font-size:16px;margin:0}.modal-body{padding:16px}.modal textarea,.modal input{width:100%;background:#111;color:#ddd;border:1px solid #555;padding:10px;margin:6px 0 12px}.modal table{width:100%;border-collapse:collapse}.modal th,.modal td{border:1px solid #444;padding:6px;text-align:left;font-size:12px}.modal .actions{display:flex;gap:8px;margin-top:10px}.modal .primary{background:#007acc;color:white;border:0}.dbtabs{display:flex;gap:6px;margin-bottom:10px}#output{padding:12px;white-space:pre-wrap;overflow:auto;height:calc(100% - 38px);margin:0;color:#b8d7a3}