.bookmarker-shell{max-width:72rem;width:100%}.bookmarker-shell :where(bookmarker-form,bookmarker-transfer,bookmarker-filters,bookmarker-list,bookmarker-item){display:block}.bookmarker-shell .BookmarkerHeader{display:grid;gap:.625rem}.bookmarker-shell .BookmarkerIdentity{align-items:center;display:flex;gap:.625rem;min-width:0}.bookmarker-shell .BookmarkMark{border-radius:.15rem .15rem .075rem .075rem;flex:none;filter:drop-shadow(0 .15625rem .375rem rgba(27,39,31,.15));height:auto;width:1.125rem}.bookmarker-shell .StorageNote{color:var(--tool-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.25rem .625rem;margin:0}.bookmarker-shell .StorageNote strong{color:var(--fg);font-weight:650}.bookmarker-shell .BookmarkerLayout,.bookmarker-shell .Sidebar{display:grid;gap:1rem}.bookmarker-shell .BookmarkerLayout{align-items:start;margin-bottom:2rem}.bookmarker-shell .Sidebar{min-width:0}.bookmarker-shell :where(.Editor,.Transfer){padding:1rem}.bookmarker-shell .SectionHeading{margin-bottom:1rem}.bookmarker-shell .SectionHeading .Eyebrow{color:var(--tool-muted);font-size:.6875rem;font-weight:650;letter-spacing:.04em;margin:0 0 .25rem;text-transform:uppercase}.bookmarker-shell .SectionHeading h2{font-size:.9375rem;line-height:1.25;margin:0}.bookmarker-shell .BookmarkForm{display:grid;gap:.875rem}.bookmarker-shell .BookmarkForm label{display:grid;gap:.375rem}.bookmarker-shell .BookmarkForm label>span{font-size:.75rem;font-weight:650}.bookmarker-shell .BookmarkForm label small{color:var(--tool-muted);font-size:inherit;font-weight:400}.bookmarker-shell :where(input,select){appearance:none;background:var(--tool-strong);border:1px solid var(--tool-line);border-radius:calc(var(--tool-radius) - .125rem);box-shadow:none;color:var(--fg);font-family:var(--sans-serif);font-size:.8125rem;height:2.5rem;padding:0 .75rem;width:100%}.bookmarker-shell :where(input,select)::placeholder{color:var(--tool-muted);opacity:.8}.bookmarker-shell input[hidden]{display:none}.bookmarker-shell select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - .9rem) 1rem,calc(100% - .65rem) 1rem;background-repeat:no-repeat;background-size:.25rem .25rem;padding-right:1.75rem}.bookmarker-shell .FormActions,.bookmarker-shell .TransferActions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.bookmarker-shell :where(.PrimaryButton,.SecondaryButton,.TextButton){appearance:none;background:color-mix(in srgb,var(--fg) 8%,var(--bg));border:1px solid var(--tool-line);border-radius:calc(var(--tool-radius) - .125rem);box-shadow:none;color:var(--fg);font-family:var(--sans-serif);font-size:.75rem;font-weight:650;min-height:2rem;padding:0 .75rem}.bookmarker-shell :where(.PrimaryButton,.SecondaryButton,.TextButton):hover{background:color-mix(in srgb,var(--fg) 14%,var(--bg));opacity:1}.bookmarker-shell .PrimaryButton{background:var(--highlight);border-color:transparent;color:var(--bg)}.bookmarker-shell .PrimaryButton:hover{background:var(--highlight-interaction)}.bookmarker-shell :where(button,input,select):disabled{cursor:not-allowed;opacity:.48}.bookmarker-shell .Transfer{border-top:0}.bookmarker-shell .Transfer>p{color:var(--tool-muted);font-size:.8125rem;line-height:1.5;margin:0 0 1rem}.bookmarker-shell .Library{min-width:0}.bookmarker-shell .LibraryHeader{align-items:center;display:flex;justify-content:space-between}.bookmarker-shell .BookmarkCount{color:var(--tool-muted);font-family:var(--monospace);font-size:.6875rem;margin:0;white-space:nowrap}.bookmarker-shell .Filters{background:color-mix(in srgb,var(--tool-strong) 58%,transparent);border-bottom:1px solid var(--tool-line);display:grid;gap:.5rem;padding:.75rem}.bookmarker-shell .SearchField{min-width:0;position:relative}.bookmarker-shell .SearchField svg{color:var(--tool-muted);fill:currentColor;height:1rem;left:.75rem;pointer-events:none;position:absolute;stroke-width:0;top:.75rem;width:1rem}.bookmarker-shell .SearchField input{padding-left:2.25rem}.bookmarker-shell .VisuallyHidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.bookmarker-shell .Status{border-bottom:1px solid var(--tool-line);color:var(--tool-muted);display:block;font-size:.6875rem;min-height:2rem;padding:.5rem 1rem}.bookmarker-shell .BookmarkList{list-style:none;margin:0;padding:0}.bookmarker-shell .BookmarkList>li+li{border-top:1px solid var(--tool-line)}.bookmarker-shell .BookmarkList>li{margin:0}.bookmarker-shell .BookmarkCard{background:color-mix(in srgb,var(--tool-strong) 72%,transparent);display:grid;gap:.75rem;padding:1rem}.bookmarker-shell .BookmarkHeading{display:grid;gap:.25rem;min-width:0}.bookmarker-shell .BookmarkTitle{color:var(--fg);font-size:.9375rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere;text-decoration-color:color-mix(in srgb,var(--highlight) 45%,transparent);text-decoration-thickness:1px;text-underline-offset:.2em}.bookmarker-shell .BookmarkTitle:hover{color:var(--highlight);opacity:1}.bookmarker-shell .BookmarkDomain{color:var(--tool-muted);font-family:var(--monospace);font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmarker-shell .BookmarkTags{display:flex;flex-wrap:wrap;gap:.375rem}.bookmarker-shell .BookmarkTags button{appearance:none;background:var(--tool-soft);border:1px solid var(--tool-line);border-radius:999px;box-shadow:none;color:var(--tool-muted);font-size:.6875rem;font-weight:650;line-height:1;min-height:1.625rem;padding:0 .625rem}.bookmarker-shell .BookmarkTags button:hover{background:color-mix(in srgb,var(--fg) 14%,var(--bg));color:var(--fg);opacity:1}.bookmarker-shell .BookmarkCard footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.bookmarker-shell .BookmarkCard time{color:var(--tool-muted);font-family:var(--monospace);font-size:.625rem}.bookmarker-shell .BookmarkActions{display:flex;gap:.125rem}.bookmarker-shell .IconButton{align-items:center;appearance:none;background:transparent;border:0;border-radius:calc(var(--tool-radius) - .25rem);box-shadow:none;color:var(--tool-muted);display:inline-flex;height:2rem;justify-content:center;padding:0;width:2rem}.bookmarker-shell .IconButton:hover{background:var(--tool-soft);color:var(--fg);opacity:1}.bookmarker-shell .IconButton--danger:hover{color:#c9352b}.bookmarker-shell .IconButton svg{fill:currentColor;height:1rem;stroke-width:0;width:1rem}.bookmarker-shell .EmptyState{color:var(--tool-muted);display:grid;justify-items:start;padding:1rem}.bookmarker-shell .EmptyState svg{fill:currentColor;height:1.5rem;margin-bottom:.75rem;stroke-width:0;width:1.5rem}.bookmarker-shell .EmptyState h3{color:var(--fg);font-size:.875rem;margin:0 0 .25rem}.bookmarker-shell .EmptyState p{font-size:.8125rem;line-height:1.5;margin:0;max-width:44rem}.bookmarker-shell .EmptyState .SecondaryButton{margin-top:1rem}.bookmarker-shell .ImportDialog{background:var(--bg);border:1px solid var(--tool-line);border-radius:var(--tool-radius);color:var(--fg);max-height:min(36rem,calc(100vh - 2rem));max-width:min(34rem,calc(100vw - 2rem));padding:0;width:100%}.bookmarker-shell .ImportDialog::backdrop{background:#0000008c}.bookmarker-shell .ImportDialog form{padding:1rem}.bookmarker-shell .ImportPreview{background:var(--tool-panel);border:1px solid var(--tool-line);border-radius:calc(var(--tool-radius) - .125rem);font-size:.8125rem;margin-bottom:1rem;max-height:19rem;overflow:auto;padding:.75rem}.bookmarker-shell .ImportPreview p{margin:0}.bookmarker-shell .ImportPreview ul{display:grid;gap:.625rem;list-style:none;margin:.75rem 0 0;padding:0}.bookmarker-shell .ImportPreview li{display:grid;gap:.125rem;margin:0}.bookmarker-shell .ImportPreview li span{color:var(--tool-muted);font-family:var(--monospace);font-size:.6875rem;overflow-wrap:anywhere}@media(min-width:48rem){.bookmarker-shell .BookmarkerHeader{align-items:baseline;grid-template-columns:minmax(0,1fr) auto}.bookmarker-shell .StorageNote{justify-content:end}.bookmarker-shell .Filters{grid-template-columns:minmax(12rem,1fr) 9rem 9rem}}@media(min-width:64rem){.bookmarker-shell .BookmarkerLayout{grid-template-columns:18rem minmax(0,1fr)}}
