.internet-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem;}
.internet-toolbar-left{display:flex;align-items:center;gap:.6rem;}
.mode-pill{font-size:.72rem;padding:.2rem .55rem;border-radius:var(--radius-full);background:var(--surface-2);color:var(--ink-soft);}
.mode-pill.editing{background:var(--accent-soft);color:var(--accent);}

.link-columns{display:flex;gap:.6rem;align-items:flex-start;}
.link-col{flex:1;display:flex;flex-direction:column;gap:.6rem;min-width:0;}

.link-widget{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);}
.link-widget-head{display:flex;align-items:center;gap:.4rem;padding:.4rem .55rem;border-bottom:1px solid var(--border);}
.link-widget-head strong{font-size:.84rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.link-widget-head.editable{cursor:pointer;}
.widget-move-actions{display:flex;gap:.15rem;}
.widget-move-actions button{width:20px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);flex-shrink:0;}
.widget-move-actions button:disabled{opacity:.35;cursor:not-allowed;}
.link-widget-body{padding:.4rem .55rem;display:flex;flex-direction:column;gap:.2rem;}

.link-list-item{display:flex;align-items:center;gap:.45rem;padding:.22rem 0;font-size:.82rem;color:var(--ink);text-decoration:none;}
.link-list-item .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.link-list-item.editable{cursor:pointer;border-radius:var(--radius-sm);}
.link-list-item.editable:hover{background:var(--surface-2);}
.link-move-actions{display:flex;gap:.1rem;flex-shrink:0;}
.link-move-actions button{width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);}
.link-move-actions button:disabled{opacity:.35;cursor:not-allowed;}

.link-grid{display:grid;grid-template-columns:repeat(auto-fill, 80px);gap:.4rem;}
.link-tile{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.68rem;color:var(--ink-soft);text-align:center;text-decoration:none;border-radius:var(--radius-sm);padding:.2rem;min-width:0;}
.link-tile .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-width:0;}
.link-tile.editable{cursor:pointer;}
.link-tile.editable:hover{background:var(--surface-2);}

.favicon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);background:var(--surface-2);flex-shrink:0;overflow:hidden;}
.favicon img{width:100%;height:100%;object-fit:cover;}
.favicon-preview{display:flex;align-items:center;gap:.6rem;}
.favicon-preview .favicon{width:34px;height:34px;}

.col-add-widget{align-self:stretch;justify-content:center;}
.widget-add-link{width:100%;justify-content:center;margin-top:.15rem;}

.segmented{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;}
.segmented button{flex:1;padding:.4rem .6rem;font-size:.82rem;background:var(--surface);color:var(--ink-soft);border:none;}
.segmented button.active{background:var(--accent-soft);color:var(--accent);font-weight:600;}

@media (max-width: 480px){
  .link-columns{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;}
  .link-col{scroll-snap-align:start;min-width:100%;}
}