:root{--float-h:36px;--float-btn:28px;--float-icon:16px;--float-radius:8px;--float-gap:2px;--float-bg:var(--color-surface-2,#221e15);--float-border:color-mix(in srgb, var(--color-accent,#d4a63a) 22%, transparent);--float-shadow:0 6px 18px #00000080;--popup-w:280px;--popup-input-h:32px;--popup-radius:8px}.float-bar{height:var(--float-h);align-items:center;gap:var(--float-gap);background:var(--float-bg);border:1px solid var(--float-border);border-radius:var(--float-radius);box-shadow:var(--float-shadow);z-index:50;white-space:nowrap;padding:0 8px;display:flex;position:absolute}.float-btn{width:var(--float-btn);height:var(--float-btn);color:var(--color-muted,#a1987f);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .1s;display:flex}.float-btn:hover{color:var(--color-text,#eee8d8);background:#ffffff14}.float-btn.labeled{width:auto;color:var(--color-accent,#d4a63a);gap:6px;padding:0 8px;font-size:12px;font-weight:600}.float-btn:has(input:focus-visible){outline:2px solid var(--color-selection,#e2b54c);outline-offset:2px}.float-btn.labeled:hover{color:var(--color-selection,#e2b54c);background:#d4a63a1f}.float-btn.danger:hover{color:#ff6b6b;background:#ff6b6b1a}.float-btn svg,.float-btn .icon{width:var(--float-icon);height:var(--float-icon);flex-shrink:0}.float-label{color:var(--color-text,#eee8d8);padding:0 8px;font-size:12px;font-weight:500;line-height:1}.float-divider{background:var(--float-border);flex-shrink:0;width:1px;height:16px;margin:0 4px}.popup-panel{width:var(--popup-w);background:var(--float-bg);border:1px solid var(--float-border);border-radius:var(--popup-radius);z-index:60;padding:12px;position:absolute;box-shadow:0 8px 24px #00000080}.popup-title{color:var(--color-text,#eee8d8);margin-bottom:12px;font-size:13px;font-weight:600;line-height:1}.popup-row{margin-bottom:10px}.popup-row:last-of-type{margin-bottom:0}.popup-label{color:var(--color-muted,#a1987f);margin-bottom:4px;font-size:11px;line-height:1;display:block}.popup-input{width:100%;height:var(--popup-input-h);background:var(--color-bg,#0f0d08);border:1px solid var(--color-line,#30291d);color:var(--color-text,#eee8d8);border-radius:6px;padding:0 10px;font-size:13px;transition:border-color .1s}.popup-input:focus{border-color:var(--accent,var(--color-accent));outline:none}.popup-input::placeholder{color:color-mix(in srgb, var(--color-muted,#a1987f) 65%, transparent)}.popup-btn-group{gap:4px;display:flex}.popup-btn-group button{height:28px;color:var(--color-muted,#a1987f);background:var(--color-bg,#0f0d08);cursor:pointer;border:1px solid #0000;border-radius:4px;flex:1;font-size:12px;font-weight:500;transition:all .1s}.popup-btn-group button:hover{color:var(--color-text,#eee8d8);background:#ffffff0d}.popup-btn-group button.active{color:var(--color-on-accent);background:var(--accent,var(--color-accent));border-color:#0000}.popup-quick-links{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.popup-quick-link{height:24px;color:var(--color-muted,#a1987f);background:var(--color-bg,#0f0d08);border:1px solid var(--color-line,#30291d);cursor:pointer;border-radius:12px;padding:0 8px;font-size:11px;transition:all .1s}.popup-quick-link:hover{color:var(--color-text,#eee8d8);border-color:#ffffff26}.popup-colors{gap:6px;margin-top:8px;display:flex}.popup-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:border-color .1s}.popup-color-swatch:hover{border-color:#ffffff4d}.popup-color-swatch.active{border-color:var(--color-text,#eee8d8)}.popup-checkbox-row{align-items:center;gap:6px;margin-top:8px;display:flex}.popup-checkbox{width:14px;height:14px;accent-color:var(--accent,var(--color-accent))}.popup-checkbox-label{color:var(--color-muted,#a1987f);font-size:12px}.popup-save{width:100%;height:32px;color:var(--color-on-accent);background:var(--accent,var(--color-accent));cursor:pointer;border:none;border-radius:6px;margin-top:12px;font-size:13px;font-weight:500;transition:background .1s}.popup-save:hover{background:var(--color-selection,#e2b54c)}