*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#0b0a08;color:#f3ead7;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}canvas{display:block}.overlay{position:fixed;top:16px;left:16px;z-index:10;max-width:360px;padding:18px 20px;border-radius:16px;background:#14100ad1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(196,160,96,.25)}.overlay h1{margin:0 0 4px;font-size:19px;font-weight:700;letter-spacing:.2px}.enter{margin:12px 0 8px;padding:12px 22px;font-size:16px;font-weight:700;color:#1a130a;background:linear-gradient(180deg,#e6c479,#c79b3f);border:none;border-radius:12px;cursor:pointer}.enter:hover{filter:brightness(1.06)}.hint{display:block;margin-top:8px;font-size:12.5px;line-height:1.5;color:#c9bda1}.credit{margin-top:12px;padding-top:10px;border-top:1px solid rgba(196,160,96,.2);font-size:11px;line-height:1.5;color:#b6a986}.overlay.edit{left:auto;right:16px;max-width:320px}.overlay.edit code{background:#c4a06026;padding:1px 4px;border-radius:4px;font-size:11px}.rows{margin:12px 0 10px;display:flex;flex-direction:column;gap:6px}.erow{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:9px;background:#2a2419b3;border:1px solid transparent;cursor:pointer}.erow.sel{border-color:#ff5d5d;background:#5028288c}.erow .elabel{width:56px;font-size:12px;font-weight:700;color:#f2d27a}.axis{display:flex;align-items:center;gap:3px;font-size:10px;color:#9b8f70}.axis input{width:52px;padding:4px 5px;font-size:12px;color:#f3ead7;background:#100d08;border:1px solid #4a4030;border-radius:6px}.copy{width:100%;padding:10px;font-size:13px;font-weight:700;color:#1a130a;background:#c79b3f;border:none;border-radius:10px;cursor:pointer}.copy:hover{filter:brightness(1.06)}