body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;background:linear-gradient(180deg,#071024 0,#071a2b 100%);color:#e6eef6;min-height:100vh;display:flex;align-items:flex-start;gap:6px;padding:28px}.panel{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(2,6,23,.6);background-color:#fafafa;border:1px solid #444;margin-bottom:2rem}.panel h2{font-size:2rem}.panel h2 p{color:navy}.toolbar-wrap{display:flex;gap:20px;align-items:flex-start}.toolbar-items{width:220px;display:flex;flex-direction:column;gap:8px;padding:12px;background:rgba(255,255,255,.02);border-radius:10px;border:1px solid #000}.toolbar-items .item{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;cursor:grab;user-select:none;background:0 0;transition:background .12s,transform 60ms;border:1px solid #000}.toolbar-items .item:active{cursor:grabbing}.toolbar-items .item.dragging{opacity:.6;transform:scale(.995);box-shadow:0 6px 20px rgba(0,0,0,.5)}.toolbar-items .item.over{background:var(--item-hover);border-color:rgba(255,255,255,.04)}.item .emoji{width:36px;height:36px;border-radius:8px;display:inline-grid;place-items:center;font-size:18px;background:rgba(255,255,255,.03);color:var(--accent);border:1px solid rgba(255,255,255,.02)}.item .label{flex:1;font-size:14px;color:navy}.item .grip{font-size:12px;color:var(--muted);padding-left:6px}.controls{display:flex;flex-direction:column;gap:8px;min-width:220px;color:navy}.controls .row{display:flex;gap:8px;align-items:center}.btn{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;background:var(--btn);color:navy;font-weight:600;box-shadow:0 4px 10px rgba(2,6,23,.5)}.btn.ghost{background:0 0;border:1px solid rgba(255,255,255,.04)}.btn.warn{background:var(--btn-accent);color:#111;font-weight:700}.small{padding:6px 8px;font-size:13px;border-radius:6px}.status{font-size:13px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;color:#fff;background:rgba(2,6,23,.6);z-index:50}.modal-backdrop.show{display:flex}.modal{width:min(720px,96%);background:#071426;border-radius:12px;padding:18px;border:1px solid rgba(255,255,255,.04)}.modal h3{margin:0 0 8px 0}.saved-list code{display:inline-block;background:#071827;color:#cfeef7;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.03)}.modal .footer{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}@media (max-width:700px){body{padding:16px;flex-direction:column}.toolbar-items{width:100%}.controls{width:100%}}