:root{--bg:#f5f5f5;--surface:#fff;--text:#333;--text-secondary:#888;--border:#ddd;--accent:#4f46e5;--accent-hover:#4338ca;--danger:#ef4444;--font:system-ui, -apple-system, sans-serif;--radius:8px;--shadow:none;--gap:8px;--container-width:600px;--title-align:center;font-family:var(--font);color:var(--text);background:var(--bg);font-size:16px}*,:before,:after{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;margin:0;padding:20px}.container{max-width:var(--container-width);margin:40px auto}h1{text-align:var(--title-align);margin:0 0 24px;font-size:1.5rem;font-weight:600}.links{gap:var(--gap);display:flex}.links.list{flex-direction:column}.links.grid{flex-flow:wrap}.links.grid .link-item{flex:calc(50% - 4px);min-width:0}.links.compact{flex-direction:column}.link-item{align-items:center;display:flex}.link-item a{color:var(--accent);align-items:center;gap:6px;padding:4px 0;font-weight:500;text-decoration:none;display:inline-flex}.link-item a:hover{text-decoration:underline}.link-item img{flex-shrink:0}.key-badge{min-width:18px;height:18px;font-size:10px;font-weight:600;font-family:var(--font);border:1px solid var(--accent);color:var(--accent);border-radius:3px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:inline-flex}.empty{text-align:center;color:var(--text-secondary);width:100%;font-size:14px}.toolbar{z-index:100;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toolbar-btn{color:var(--text-secondary);font-size:13px;font-family:var(--font);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px 0;text-decoration:underline}.toolbar-btn:hover{color:var(--accent)}.float-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:99;width:320px;max-height:calc(100vh - 140px);padding:0;position:fixed;right:20px;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.float-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.float-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:2px 6px;font-size:14px}.float-close:hover{color:var(--danger);background:0 0}.float-panel .settings{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.float-panel label{align-items:center;gap:10px;display:flex}.float-panel label span{width:70px;color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:500}.float-panel .divider{background:var(--border);height:1px;margin:2px 0}.float-panel input,.float-panel select{border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:var(--font);background:var(--bg);color:var(--text);outline:none;flex:1;padding:5px 8px}.float-panel input:focus,.float-panel select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4f46e526}.links-form{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:10px 14px;display:flex}.links-form-row{gap:6px;display:flex}.links-form-row input{border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:var(--font);background:var(--bg);color:var(--text);outline:none;flex:1;padding:7px 8px}.links-form-row input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4f46e526}.key-input{text-align:center;width:44px;font-weight:600;flex:none!important}.links-form-row button{border-radius:var(--radius);background:var(--accent);color:#fff;font-size:13px;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;padding:7px 12px}.links-form-row button:hover{background:var(--accent-hover)}.links-io{gap:12px;padding:8px 14px 4px;display:flex}.link-io-btn{color:var(--text-secondary);font-size:11px;font-family:var(--font);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.link-io-btn:hover{color:var(--accent)}.links-manage{max-height:240px;padding:6px 0;overflow-y:auto}.links-manage-item{border-radius:var(--radius);align-items:center;gap:8px;padding:6px 14px;font-size:13px;transition:background .1s;display:flex}.links-manage-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.links-manage-item img{flex-shrink:0}.links-manage-item.drag-hover{background:var(--accent)}.links-manage-item.drag-hover span{color:#fff}.links-manage-item[draggable]{cursor:grab}.links-manage-item[draggable]:active{cursor:grabbing}.key-badge-sm{min-width:16px;height:16px;font-size:9px;font-weight:600;font-family:var(--font);border:1px solid var(--text-secondary);color:var(--text-secondary);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0 3px;line-height:1;display:inline-flex}.remove{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:12px}.remove:hover{color:var(--danger);background:0 0}