#nightsky-app{position:relative}.nightsky-controls{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background:#1a1a2e;border-radius:8px;margin-bottom:16px}.nightsky-control-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nightsky-control-group label{color:#c0c0d0;font-size:13px;display:flex;align-items:center;gap:4px}.nightsky-control-group input[type=number]{width:80px;background:#2a2a4a;color:#e0e0e0;border:1px solid #444;border-radius:4px;padding:4px 6px;font-size:13px}.nightsky-control-group input[type=datetime-local]{background:#2a2a4a;color:#e0e0e0;border:1px solid #444;border-radius:4px;padding:4px 6px;font-size:13px}.nightsky-control-group input[type=radio]{accent-color:#6a6aff}.nightsky-control-group button{background:#2a2a4a;color:#e0e0e0;border:1px solid #555;border-radius:4px;padding:6px 10px;cursor:pointer;font-size:14px}.nightsky-control-group button:hover{background:#3a3a6a}.nightsky-canvas-wrap{width:100%;max-width:900px;margin:0 auto;aspect-ratio:1}#nightsky-canvas{width:100%;height:100%;display:block;background:#0a0a1a;border-radius:8px;cursor:crosshair}.nightsky-info{position:fixed;background:rgba(20,20,40,.92);color:#e0e0e0;padding:10px 14px;border-radius:6px;font-size:13px;max-width:250px;pointer-events:none;z-index:100;white-space:pre-line;border:1px solid #444}@media(max-width:768px){.nightsky-controls{flex-direction:column}.nightsky-canvas-wrap{max-width:100%}}