.bookmark-sheet{gap:var(--space-4);flex-direction:column;display:flex}.bookmark-sheet .create-button{align-self:flex-start;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;display:inline-flex}.bookmark-sheet .create-button:hover{background-color:var(--color-bg-subtle)}.bookmark-sheet .create-form{gap:var(--space-2);flex-direction:column;display:flex}.bookmark-sheet .label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.bookmark-sheet .input{width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md)}.bookmark-sheet .form-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.bookmark-sheet .primary-button,.bookmark-sheet .secondary-button{padding:var(--space-2) var(--space-4);border:var(--border-width) solid #0000;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer}.bookmark-sheet .primary-button:disabled,.bookmark-sheet .secondary-button:disabled{opacity:.6;cursor:progress}.bookmark-sheet .primary-button{background-color:var(--color-inverse-bg);color:var(--color-inverse-text)}.bookmark-sheet .secondary-button{border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.bookmark-sheet .error{color:var(--color-danger);font-size:var(--font-size-sm)}.bookmark-sheet .groups{border-top:var(--border-width) solid var(--color-border-subtle);flex-direction:column;display:flex}.bookmark-sheet .group{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-1);border-bottom:var(--border-width) solid var(--color-border-subtle);cursor:pointer;display:flex}.bookmark-sheet .group input{flex-shrink:0;width:1.125rem;height:1.125rem}.bookmark-sheet .name{overflow-wrap:anywhere;flex:1}.bookmark-sheet .status{color:var(--color-text-muted);font-size:var(--font-size-xs)}
.bookmark-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-flex}.bookmark-button:hover{background-color:var(--color-bg-subtle);text-decoration:none}.bookmark-button.is-saved{border-color:var(--color-text)}.bookmark-button .icon{flex-shrink:0;width:18px;height:18px}