html,body{margin:0;height:100%;background:#0b0e14;color:#e5e7eb;font-family:system-ui,sans-serif}#wrap{display:grid;grid-template-columns:1fr 320px;height:100%}#view{position:relative}#ui{background:#111827;border-left:1px solid #1f2937;padding:12px;box-sizing:border-box;overflow:auto}h3{margin:6px 0 10px;color:#93c5fd;font-size:14px}.row{margin-bottom:10px}.row label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.row input{width:100%}button{width:100%;padding:8px;border:none;border-radius:4px;background:#374151;color:#fff;cursor:pointer}